@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);a,abbr,address,article,aside,audio,b,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:none;outline:none;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}*,:after,:before{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{position:relative;height:100%;width:100%;font-family:"Roboto",sans-serif;font-size:1.6rem;font-weight:400;color:#fff;line-height:1.5;text-rendering:optimizeLegibility;background-color:#161616}a,button{cursor:pointer}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.5}h1{font-size:4rem}h2{font-size:2rem}span{line-height:1.5;font-weight:400;font-size:1.5rem}a{text-decoration:none}a,a:hover{color:#0e6fff}a:hover{text-decoration:underline}a:focus{outline:none;color:#0e6fff}a:active,a:hover{outline:0}.forecast__content,.weather,.weatherHead{max-width:900px;margin:0 auto}.weatherHead__box{position:relative;width:70%;height:40px}.weatherHead__box__search{height:100%;padding:1rem;display:flex;align-items:center}.weatherHead__box__search--ico{width:2rem}.weatherHead__box__search input{width:100%;height:100%;padding:1rem;margin-left:.5rem;outline:none;color:#fff;border:none;border-bottom:1px solid #60d5e9;font-size:1.6rem;background-color:transparent}.weatherHead__box__suggestion{position:absolute;top:40px;left:0;right:0;background-color:#60d5e9;z-index:1}.weatherHead__box__suggestion li{display:flex;align-items:center;height:55px;padding-left:1rem;border-bottom:1px solid rgb(255 255 255);cursor:pointer}.weatherHead__box__suggestion li:last-child{border-bottom:0}.weatherHead{height:140px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-top:2rem}.weather__card__item--temperature{display:flex;align-items:center;justify-content:center}.weather__card__item--temperature span{position:relative;font-size:7rem}.icon-celsius{position:absolute;top:10px}.weather__card__item--temperature img{width:100%;max-width:150px}.weather__card__item__minmaxTemp{display:flex;flex-direction:column;align-items:center}.weather__card__item__minmaxTemp--details{width:50%;display:flex;align-items:center;justify-content:space-around}.weather__card{width:100%;max-width:350px;height:300px;display:flex;flex-direction:column;justify-content:space-evenly;background-color:rgba(17,25,40,.05);border-radius:10px;border:1px solid hsla(0,0%,100%,.125)}.weather__card>h2{padding-left:1rem}.weather__card__title{height:80px;padding-left:1rem;display:flex;flex-direction:column}.weather__card__title h2{margin-bottom:1rem}.weather__card__moreDetails__box{height:100px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-radius:4px}.weather__card__moreDetails__box--item{width:70%;display:flex;justify-content:space-evenly;align-items:center}.weather__card__moreDetails{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:15px;gap:15px;padding:1rem}.forecast__content__list__item{width:100px;flex-direction:column}.forecast__content__list__item,.forecast__content__list__item--content{display:flex;justify-content:space-evenly;align-items:center}.forecast__content{width:100%;height:250px;padding:1rem;margin-top:6rem;display:flex;flex-direction:column;justify-content:space-evenly;border-radius:10px;border:1px solid hsla(0,0%,100%,.125)}.forecast__content__list{display:grid;grid-auto-flow:column;grid-gap:20px;gap:20px;overflow-x:scroll;scrollbar-width:thin}.forecast__content__list::-webkit-scrollbar{width:5px;height:3px}.forecast__content__list::-webkit-scrollbar-thumb{background-color:#60d5e9;border-radius:10px}.forecast__content__list::-webkit-scrollbar-track-piece{background-color:#60d5e9}@media only screen and (min-width:700px){.forecast__content{grid-area:2/1/2/3}}@media only screen and (min-width:800px){.forecast__content__list::-webkit-scrollbar-track-piece{background-color:transparent}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:900;width:100%;height:100%;top:0;left:0;position:fixed;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.loader{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-moz-backdrop-filter:blur(12px)}}@supports not ((-webkit-backdrop-filter:blur(0px)) or (backdrop-filter:blur(0px))){.loader{background-color:hsla(0,0%,100%,.4)}}.sk-chase{width:40px;height:40px;position:relative;-webkit-animation:sk-chase 2.5s linear infinite both;animation:sk-chase 2.5s linear infinite both}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:sk-chase-dot 2s ease-in-out infinite both;animation:sk-chase-dot 2s ease-in-out infinite both}.sk-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:#60d5e9;border-radius:100%;-webkit-animation:sk-chase-dot-before 2s ease-in-out infinite both;animation:sk-chase-dot-before 2s ease-in-out infinite both}.sk-chase-dot:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-chase-dot:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.sk-chase-dot:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-chase-dot:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-chase-dot:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-chase-dot:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-chase-dot:first-child:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-chase-dot:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes sk-chase{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sk-chase{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes sk-chase-dot{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sk-chase-dot{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes sk-chase-dot-before{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chase-dot-before{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}.weather{display:grid;grid-gap:20px;gap:20px;place-items:center;padding:8rem 1rem 0;grid-template-columns:minmax(300px,1fr)}.weather__card__item{display:grid;grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:700px){.weather{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=main.2fe5374c.chunk.css.map */