@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body * {font-family:'Work Sans',Arial,Helvetica,sans-serif!important;}

/*tooltip styling*/
.tt {
    padding: 10px 20px!important;
    display: block!important;
    margin-bottom:25px!important;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    text-align: center;
}
.tt em {font-size:16px;font-style: normal;position:color: white; border-bottom: 1px white solid;padding-bottom:5px;margin-bottom:5px; display:block;} 
/*brand*/
.tt b {font-size:24px;font-style: normal;display: block;font-weight: bold;color:white;}

/*name*/
.tt i {font-size:24px;font-style: normal;font-weight:bold;display:block;} 


.kolorAreaContent {font-size: 16px; color: white;text-shadow: 2px 2px 5px rgba(0,0,0,0.25)}
.kolorAreaContent b {font-size:24px;font-style: normal;font-weight: bold; display:block; text-transform: uppercase;margin-top:5px}
.kolorAreaContent i {font-size:12px;font-style: normal;font-weight: normal; display:block;margin-top:10px; margin-left:5px; border-left: 1px solid white; padding-left:10px}