*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:"digital-7regular";src:url(/media/digital-7-webfont.woff2) format("woff2"),url(/media/digital-7-webfont.woff) format("woff");font-weight:400;font-style:normal}html{font-size:62.5%}body,html{height:100%}body{font-family:"Montserrat",sans-serif}#root{height:100%}.container__weather-card{width:100%;font-weight:400;display:grid;grid-template-rows:repeat(4,8rem) 2rem;grid-template-columns:50% 25% 25%;grid-template-areas:"icon temp temp" "icon actualTemp realTemp" "icon wind wind" "description wSpeedDirection wSpeedDirection" "endborder endborder endborder"}.container__weather-card button{background-color:transparent;border:none;cursor:default}.container__weather-card h4{font-weight:400}.container__weather-card label{color:#fff;font-size:1.7rem}.container__weather-card .item{color:#fff;text-align:center;font-size:2rem}.container__weather-card .item .wrapper__temp-units,.container__weather-card .item .wrapper__wind-units{display:flex;justify-content:space-around}.container__weather-card .item--2,.container__weather-card .item--3,.container__weather-card .item--4,.container__weather-card .item--8,.container__weather-card .item--10{display:flex;flex-direction:column;justify-content:space-evenly}.container__weather-card .item--2,.container__weather-card .item--3,.container__weather-card .item--8,.container__weather-card .item--9{border-radius:0 0 0 15px;border-bottom:1px solid #615e5e}.container__weather-card .item--1{grid-area:icon;display:flex;justify-content:center;overflow:hidden}.container__weather-card .item--1 .not-available{padding-top:9rem}.container__weather-card .item--1 img{display:block;width:158px;height:158px;margin-top:20%}.container__weather-card .item--7{grid-area:description;padding:3px;font-size:2.1rem;display:grid;align-content:center}.container__weather-card .item--2{grid-area:temp}.container__weather-card .item--3{grid-area:actualTemp;border-right:1px solid #615e5e}.container__weather-card .item--4{grid-area:realTemp;border-bottom:1px solid #615e5e}.container__weather-card .item--8{grid-area:wind}.container__weather-card .item--9{grid-area:wSpeedDirection;display:flex;justify-content:space-evenly;align-items:center}@media(min-width:576px){#weather-icon{margin-top:10%;width:186px;height:186px}}@media(min-width:992px){#weather-icon{margin-top:2%;width:236px;height:auto}#weather-description{font-size:3rem}}.container__app{height:100%}button,input{font-family:inherit;font-size:100%;margin:0}button{text-transform:none;cursor:pointer}.container__days-forecast{width:100%;margin:auto}.container__days-forecast ul{display:flex;justify-content:center}.container__days-forecast button,.container__days-forecast li{border-radius:7px 7px 0 0}.container__days-forecast li{font-size:1.2rem;border-bottom:none;list-style:none}.container__days-forecast li:nth-child(2){margin:0 1px}.container__days-forecast button{color:#fff;background:#0059c5;width:100%;height:3rem;padding:0 26px;letter-spacing:1px;font-weight:500;border:none;opacity:.8;transition:background .3s ease}.container__days-forecast button:active{-webkit-transform:scale(.99);transform:scale(.99)}.container__days-forecast button:focus{outline:none;opacity:1}.container__days-forecast button:hover{opacity:1}.container__days-forecast .tab-is-active{background-color:#423f3f;opacity:1}@media(min-width:768px){.container__days-forecast ul li{font-size:1.7rem}.container__days-forecast ul li button{height:4rem;font-weight:400}}
/*# sourceMappingURL=main.80c7ae8f.chunk.css.map */