@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600;700&display=swap);:root{--yellow:#f5c32c;--orange:#fca61f;--black:#242d49;--gray:rgba(36,45,73,.65);--profileShadow:0px 4px 17px 2px rgba(0,0,0,.25);--hrColor:#cfcdcd;--cardColor:hsla(0,0%,100%,.64);--buttonBg:linear-gradient(98.63deg,#4caefe,#226fae);--inputColor:rgba(40,52,62,.07);--photo:#4cb256;--video:#ef5757;--location:#be58b7;--shedule:#e1ae4a}*{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{text-decoration:none}button{border:none;outline:none}body{font-family:Josefin Sans,sans-serif;overflow:hidden}.container{background-image:linear-gradient(45deg,#efefef,#e0dddd 50%);height:100vh;width:100%}.blur{background:#a6ddf0;border-radius:50%;-webkit-filter:blur(72px);filter:blur(72px);height:14rem;position:absolute;width:22rem}.content{border-radius:1rem;display:grid;grid-template-columns:49% 49%;height:100%;padding:3% 10%;width:100%}.form-container{background:url(/static/media/lake-background.f9a876b473cd3d6420ae.jpg) no-repeat;background-size:cover;border-radius:1rem;border-bottom-right-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;gap:16rem}.form-container,.info-container{box-shadow:0 4px 17px 2px rgba(0,0,0,.25);box-shadow:var(--profileShadow);z-index:100}.info-container{background:hsla(0,0%,100%,.64);background:var(--cardColor);border-radius:1rem;border-bottom-left-radius:0;border-top-left-radius:0}.name{align-items:center;display:flex;justify-content:space-between;padding:3%}.logo{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#a4b7b1,#095f62);-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.city{display:inline-flex}.city>svg{height:20px;margin-right:10px}.city,.logo{background-color:hsla(0,0%,100%,.64);background-color:var(--cardColor);border-radius:.75rem;justify-content:center;padding:2%}.city,.logo,.search{align-items:center;display:flex}.search{flex-direction:column;gap:1rem}.search h2{color:#fff;font-size:1.5rem;font-weight:700}.search hr{border-bottom:3px solid #fff;width:30%}.search-bar{display:flex;padding:0 28%;width:100%}.search-bar>input{background-color:hsla(0,0%,100%,.64);background-color:var(--cardColor);border:none;border-radius:5px;border-bottom-right-radius:0;border-top-right-radius:0;color:#fff;font-size:1rem;height:30px;outline:none;padding-left:10px;width:100%}.s-icon{align-items:center;background:linear-gradient(106.23deg,#a4b7b1,#095f62 100%);border-radius:5px;border-bottom-left-radius:0;border-top-left-radius:0;color:#fff;display:flex;justify-content:center;padding:8px;transition:all .5s ease}.s-icon:hover{background:linear-gradient(106.23deg,#226fae,#226fae 100%);cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.info-container{padding-left:5%}.nodata{color:#a9a9a9;justify-content:center;margin-top:20px}.nodata,.summary{align-items:center;display:flex}.summary{background-color:hsla(0,0%,100%,.64);background-color:var(--cardColor);border-radius:1rem;box-shadow:0 4px 17px 2px rgba(0,0,0,.25);box-shadow:var(--profileShadow);justify-content:space-around;margin:1rem;padding:1rem}.title{margin-top:3rem}@media only screen and (max-width:1024px){.content{grid-gap:2rem;display:grid;font-size:1.5rem;gap:2rem;grid-template-columns:99%;overflow:auto;padding:5%}.content::-webkit-scrollbar{display:none;width:0!important}.form-container{border-radius:1rem}.logo{font-size:1.5rem}.city{font-size:1.25rem}.search h2{font-size:1.75rem}.search-bar{display:flex;padding-bottom:10%;width:100%}.info-container{border-radius:1rem}.nodata{font-size:1.5rem}.clouds{font-size:1.45rem;width:55%}.des{font-size:1.5rem}.more-info{border-left:1px solid #cfcdcd;border-left:1px solid var(--hrColor);font-size:1.25rem;padding-left:75px;padding-right:1rem}h1{font-size:2rem}.summary{grid-gap:1rem;align-self:center;display:grid;gap:1rem;grid-template-columns:repeat(2,49%)}.search-bar>input{font-size:1.25rem;padding:7%}.s-icon{padding:8px}}@media only screen and (max-width:768px){.logo{font-size:1.25rem}.city{font-size:1rem}h2{font-size:1.1rem}}@media only screen and (max-width:480px){.content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:99%;overflow:auto;padding:5%}.content::-webkit-scrollbar{display:none;width:0!important}.form-container{border-radius:1rem}.city,.logo{font-size:.95rem}.search h2{font-size:1rem}.search-bar{display:flex;padding-bottom:10%;width:100%}.info-container{border-radius:1rem}.nodata{font-size:.75rem}.clouds{font-size:.85rem;width:55%}.des{font-size:.65rem}.more-info{border-left:1px solid #cfcdcd;border-left:1px solid var(--hrColor);font-size:.75rem;padding-left:10px;padding-right:.5rem}h1{font-size:1.5rem}.summary{align-self:center;display:grid;grid-template-columns:repeat(2,49%)}}.navbar{align-items:center;display:flex;font-size:1rem;font-weight:700;justify-content:flex-end;padding:5%;width:100%}.ping{-webkit-animation:load 1.5s ease-out infinite;animation:load 1.5s ease-out infinite;background:#fff;border:50px solid #095f62;border-radius:50%;height:3px;width:3px}.nav-item:first-of-type{border-bottom:2px solid #226fae;display:flex;gap:.25rem}.nav-item{border-bottom:2px solid var(--hrColor);cursor:pointer;margin-right:15px}.nav-item:hover{border-bottom:2px solid #226fae}@-webkit-keyframes load{0%{background:#fff;border:0 solid #fff}50%{background:#fff;border:5px solid #095f62}to{background:#fff;border:0 solid #095f62}}@keyframes load{0%{background:#fff;border:0 solid #fff}50%{background:#fff;border:5px solid #095f62}to{background:#fff;border:0 solid #095f62}}@media only screen and (max-width:480px){.nav-item{display:none}.nav-item:first-of-type{display:flex}}@media only screen and (max-width:1024px){.nav-item{font-size:1rem}}@media only screen and (max-width:720px){.nav-item{font-size:1rem}}.details{background-color:var(--cardColor);border-radius:1rem;box-shadow:var(--profileShadow);justify-content:space-between;margin:1rem;padding:1rem}.clouds,.details{align-items:center;display:flex}.clouds{flex-direction:column;gap:.75rem;justify-content:center}.celsius{color:#095f62;font-size:1.5rem;font-weight:700}.cloud-icon{align-items:center;display:flex;justify-content:center}.cloud-icon img{width:25%}.des{color:#a9a9a9;font-size:.75rem;text-transform:uppercase}.vl{border-left:2px solid var(--hrColor)}.more-info,.vl{display:flex;flex-direction:column}.more-info{align-items:center;gap:.75rem;justify-content:center;padding-right:2rem}@media only screen and (max-width:480px){.more-info{border-left:1px solid var(--hrColor);font-size:.75rem;padding-left:10px;padding-right:.5rem}}@media only screen and (max-width:767px){.clouds{font-size:1rem}.more-info{border-left:1px solid var(--hrColor);font-size:.85rem;padding-left:15px;padding-right:.5rem}}@media only screen and (max-width:1024px){.des{font-size:.75rem}}.summary-items{border-left:1px solid var(--hrColor)}.summary-items:first-of-type{border-left:0 solid var(--hrColor)}.summary-items>div{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.summary-items>div>p:first-of-type{color:#095f62;font-size:1rem;font-weight:700}.summary-items>div>p:nth-of-type(2){align-items:center;display:flex;justify-content:center}.summary-items>div>p:nth-of-type(3){color:#a9a9a9;font-size:.75rem;text-transform:uppercase}.summary-items>div>p:nth-of-type(4){border-bottom:1px solid var(--hrColor)}.summary-items>div>p:nth-of-type(2) img{width:50%}@media only screen and (max-width:480px){.summary-items{border-left:none;padding:1rem}.summary-items>div>p:nth-of-type(4){border-bottom:none}.summary-items>div>p:nth-of-type(3){font-size:11px;text-transform:capitalize}.summary-items:first-of-type{border-right:1px solid var(--hrColor)}.summary-items:first-of-type,.summary-items:nth-of-type(2){border-bottom:1px solid var(--hrColor)}.summary-items:nth-of-type(3){border-right:1px solid var(--hrColor)}}@media only screen and (max-width:1024px){.summary-items{border-left:none;font-size:1.75rem;padding:1.5rem}.summary-items>div>p:first-of-type{font-size:1.5rem}.summary-items>div>p:nth-of-type(4){border-bottom:none}.summary-items>div>p:nth-of-type(3){font-size:1rem;text-transform:capitalize}.summary-items:first-of-type{border-right:1px solid var(--hrColor)}.summary-items:first-of-type,.summary-items:nth-of-type(2){border-bottom:1px solid var(--hrColor)}.summary-items:nth-of-type(3){border-right:1px solid var(--hrColor)}}@media only screen and (max-width:767px){.summary-items{font-size:1.15rem}}
/*# sourceMappingURL=main.f2f127e1.css.map*/