@font-face {
    font-family: 'Mission Gothic';
    src: url('../font/mission-gothic-regular.ttf') format('truetype'),
            url('../font/mission-gothic-regular.woff2') format('woff2');
         
    font-weight: normal;
    font-style: normal;
}




html,
body {
    box-sizing: border-box;
    font-family: 'Mission Gothic';
    overflow: hidden;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
font-size:62.5%;
background:transparent;
}


.weather-sub-container {width:100%;display:flex;justify-content: center;align-items:center;gap: 0 5%;}

.w-icon {
 
font-size: 30vw;
 
color:#99CA3C;
}

.temp-day {
  
font-size: 35vw;
  
color: #3B3B3B;
}