*{box-sizing:border-box;font-family:Barlow,sans-serif;margin:0}body{background-image:url(https://source.unsplash.com/1600x900?weather);background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden}.container{grid-row-gap:60px;background-color:rgba(31,31,31,.6);color:#fff;display:grid;padding:20px 70px;row-gap:60px}.date__search__place__container{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.current__date__container{display:flex;flex-direction:column;font-weight:100;justify-content:flex-start}.current__time{font-size:40px;font-weight:100}.current__date{font-size:20px}.search{align-items:center;display:flex;justify-content:center}.search__bar{background-color:initial;border:1px solid #fff;color:#000;margin:.7rem;outline:none}.search__button{background-color:rgba(32,32,32,.8);border-radius:25px;color:#fff;font-size:1rem;margin:.2rem;outline:none;padding:.4rem;transition:.2s ease-in-out}.search__button:hover{background-color:rgba(68,68,68,.8);cursor:pointer}.place__container{justify-self:flex-end;text-align:end}.time__zone{font-size:10px;font-weight:100}.country{font-size:12px;font-weight:700}.current__info{display:grid;justify-content:space-around}.current__weather__container{grid-row-gap:30px;display:grid;row-gap:30px}.title{font-size:40px;font-weight:200;text-align:center}.current__weather__info{grid-column-gap:100px;-webkit-column-gap:100px;column-gap:100px;display:grid;grid-template-columns:1fr 1fr}.current__others{background-color:rgba(31,31,31,.6);border:1px solid #fff;border-radius:10px;display:flex;flex-direction:column;margin:10px 0;padding:20px}.weather__item{display:flex;justify-content:space-between}.future__forecast{align-items:center;background-color:rgba(31,31,31,.6);bottom:0;color:#fff;display:flex;justify-content:center;padding:25px;position:fixed;width:100%}.day{background:#3c3c44;border-radius:50px;padding:5px 15px;text-align:center}.today{align-items:center;display:flex;justify-content:center}.today .temp{font-size:18px;padding-top:15px}.weather__forecast{display:flex}.weather__forecast__item{align-items:center;background-color:rgba(0,0,0,.3);border:1px solid #fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:0 10px;padding:15px}.weather__forecast__item .temp{font-weight:100}@media only screen and (max-width:480px){.container{row-gap:30px}.future__forecast .today .temp{font-size:20px}.date__search__place__container{display:flex;flex-direction:column;grid-template-columns:1fr}.current__date__container{display:none}.search{align-items:center;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;justify-content:center}.place__container{display:none}.current__weather__container{grid-row-gap:10px;display:grid;row-gap:10px}.current__weather__info{grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:1fr}.title{font-size:20px;font-weight:200;text-align:center}.today .w__icon{width:35%}.today .other .day{font-size:10px}.today .other .temp{font-size:15px}.today,.weather__forecast__item{padding-bottom:5px;padding-top:5px}}@media only screen and (max-width:480px) and (max-height:665px){.container{padding:0;row-gap:10px}.weather__item{font-size:10px}.weather__forecast__item .temp{font-size:15px;font-weight:100}.weather__forecast__item .w__icon{width:90%}}@media only screen and (max-width:600px){.current__weather__info{grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:1fr}.search{align-items:center;display:flex;justify-content:center}.date__search__place__container{display:flex;grid-template-columns:1fr 1fr;justify-items:center;width:100%}.weather__item{font-size:10px}.weather__forecast__item .temp{font-size:15px;font-weight:100}.weather__forecast__item .w__icon{width:90%}.current__weather__container{grid-row-gap:10px;display:grid;row-gap:10px}.container{row-gap:20px}.title{font-size:20px;font-weight:200;text-align:center}.today .w__icon{width:35%}.weather__item{display:flex;justify-content:space-between}}@media only screen and (max-width:730px){.container{padding:20px}.future__forecast{justify-content:start;overflow-y:scroll;padding:15px}.today .temp{font-size:23px}.current__date__container .current__time{font-size:50px}.current__date__container #am-pm,.current__date__container .current__date{font-size:20px}.place__container{margin-top:15px;text-align:end}}@media only screen and (min-width:731px) and (max-height:600px){.container{padding:50;row-gap:10px}.title{font-size:20px;font-weight:200;text-align:center}.today .w__icon{width:50%}.future__forecast{padding:10px}}@media only screen and (max-width:1053px){.future__forecast{align-items:none;justify-content:start;overflow-x:scroll}}@media only screen and (min-width:1000px){.weather__item{display:flex;font-size:20px;justify-content:space-between}}
/*# sourceMappingURL=main.750774d6.css.map*/