html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,h5,h6,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}ul[class]{list-style:none}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{text-decoration:none}body{font-family:"Montserrat",sans-serif;font-size:18px}.container{max-width:1200px;width:100%;padding:0 15px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 100px)}.weather{background-color:#a6dbff;height:100vh;padding:50px 0;background-image:url("../images/bg.jpg");background-size:cover;background-position:center}.weather__title{text-transform:uppercase;font-size:30px;font-weight:700;text-align:center;color:#ffe6e6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:30px}@media(max-width: 768px){.weather__title{font-size:20px}}@media(max-width: 576px){.weather__title{font-size:15px}}@media(max-width: 475px){.weather__title{font-size:13px}}.weather__inner{margin:0 auto;max-width:300px;border:5px solid #fff;border-radius:15px;height:500px;background-color:rgba(0,0,0,0);-webkit-backdrop-filter:contrast(0.5);backdrop-filter:contrast(0.5)}.weather__city{padding:5px;margin:10px;border-radius:5px;-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start}.weather__stats{padding:30px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media(max-width: 576px){.weather__stats{max-width:225px;height:440px}}.weather__name{font-size:30px;margin-bottom:25px;padding-top:20px;color:#fff;font-weight:700}@media(max-width: 576px){.weather__name{font-size:25px}}.weather__temp{font-weight:700;font-size:22px}.weather__desc{font-weight:700;margin-bottom:70px;text-transform:uppercase}@media(max-width: 576px){.weather__desc{font-size:15px}}.weather__wind{margin-bottom:10px}