@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans:wght@400;600;700&display=swap);:root{--yellow:#f5c32c;--orange:#fca61f;--black:#242d49;--gray:#242d49a6;--profileShadow:0px 4px 17px 2px #00000040;--hrColor:#cfcdcd;--cardColor:#ffffffa3;--buttonBg:linear-gradient(98.63deg,#4caefe,#226fae);--inputColor:#28343e12;--photo:#4cb256;--video:#ef5757;--location:#be58b7;--schedule:#e1ae4a;--bgColor1:#efefef;--bgColor2:#e0dddd;--blurBg:#a6ddf0;--textColor:#000;--subHeadingColor:#a9a9a9;--tempColor:#095f62;--statsColor:#7c7979}.dark{--bgColor1:#262424;--bgColor2:#191616;--blurBg:#296579;--cardColor:#7c7c89a3;--textColor:#fff;--subHeadingColor:#111;--tempColor:#9ee4e6;--statsColor:#e0e5ef}*{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,Open Sans,sans-serif;height:100vh;overflow:auto}.container,body{background-image:linear-gradient(45deg,#efefef,#e0dddd 50%);background-image:linear-gradient(45deg,var(--bgColor1) 0,var(--bgColor2) 50%)}.container{height:100%;width:100%}.blur{background:#a6ddf0;background:var(--blurBg);border-radius:50%;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-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 #00000040;box-shadow:var(--profileShadow);z-index:100}.info-container{background:#ffffffa3;background:var(--cardColor);border-radius:1rem;border-bottom-left-radius:0;border-top-left-radius:0;color:#000;color:var(--textColor);padding:5%;position:relative}.info-inner-container,.name{display:flex;justify-content:space-between}.name{align-items:center;padding:3%}.logo{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#b7a8a4,#095f62);background-clip:text;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.city{display:inline-flex}.city,.city>svg{color:#000;color:var(--textColor)}.city>svg{height:20px;margin-right:10px}.city,.logo{align-items:center;background-color:#ffffffa3;background-color:var(--cardColor);border-radius:.75rem;display:flex;justify-content:center;padding:2%}.input_search::-webkit-input-placeholder{color:#1a1818}.input_search_dark::-webkit-input-placeholder{color:#e8dbdb}.selected-language{background-color:#7c7979;border:none;border-radius:.75rem;margin-bottom:15px;padding:8px}.search,.selected-language{font-family:Josefin Sans,sans-serif}.search{align-items:center;display:flex;flex-direction:column;gap:1rem;padding-bottom:5px}.search h2{color:#000;color:var(--textColor);font-family:Josefin Sans,Open Sans,sans-serif;font-size:1.75rem;font-weight:700;margin:0 25px;text-align:center}.search hr{border-bottom:3px solid #fff;width:30%}.search-bar{display:flex;position:relative;width:50%}.form-width{display:flex;justify-content:center;width:100%}.search-bar>input{background-color:#ffffffa3;background-color:var(--cardColor);border:none;border-radius:5px;border-bottom-right-radius:0;border-top-right-radius:0;font-family:Josefin Sans,sans-serif;font-size:1rem;height:62px;outline:none;padding-left:10px;text-align:center;width:100%}.s-icon,.search-bar>input{color:#000;color:var(--textColor)}.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;display:flex;justify-content:center;padding:8px;transition:all .5s ease}.s-icon:hover{background:linear-gradient(106.23deg,#226fae,#226fae 100%);cursor:pointer;transform:scale(1.05)}.sound-toggler{border-radius:5px;margin-block-end:1rem;width:2.25rem}.nodata{align-items:center;color:#a9a9a9;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-top:20px}.nodata img{max-width:80%}.summary{align-items:center;background-color:#ffffffa3;background-color:var(--cardColor);border-radius:1rem;box-shadow:0 4px 17px 2px #00000040;box-shadow:var(--profileShadow);display:flex;justify-content:space-around;margin:1rem;overflow:auto;padding:1rem .5rem}.summary:hover{border:1px solid #ccc;box-shadow:0 10px 17px 2px #4a444440;top:-4px;transition:all .2s ease-out}.title{margin-top:3rem}.list-dropdown{background-color:#ffffffa3;background-color:var(--cardColor);color:#000;color:var(--textColor);display:flex;flex-direction:row;flex-wrap:wrap;font-size:1rem;height:10vh;margin-top:62px;overflow:hidden;overflow-y:auto;position:absolute;width:100%;z-index:10}.dropdown-item{padding:10px;width:100%}.dropdown-item:hover{background-color:#000;background-color:var(--textColor);color:#ffffffa3;color:var(--cardColor)}@media only screen and (max-width:1024px){.label{height:31px!important;width:54px!important}.ball{border-radius:43%!important;height:23px!important;width:23px!important}.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}.input_search{height:2000px}.search-bar{display:flex;padding-bottom:10%;width:50%}.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}.centerTextOnMobile{text-align:center}}@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:97%}.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;font-size:1.3rem;grid-template-columns:repeat(2,49%)}}.loader{animation:spin 1s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:100px;left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;width:100px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toggle-container{padding:.5rem}.checkbox{opacity:0;position:absolute}.celsius-label{color:#350505}.fahrenheit-label{color:blue}.label{align-items:center;background-color:#2e313882;border-radius:50px;cursor:pointer;display:flex;height:26px;justify-content:space-between;padding:5px;position:relative;width:50px}.ball{background-color:#fff;border-radius:50%;bottom:0;height:20px;left:3px;margin:auto;position:absolute;top:0;transition:transform .2s linear;width:20px}.checkbox:checked+.label .ball{transform:translateX(24px)}.details{align-items:center;background-color:var(--cardColor);border-radius:1rem;box-shadow:var(--profileShadow);display:flex;justify-content:space-between;margin:1rem;padding:1rem}.details:hover{border:1px solid #ccc;box-shadow:0 10px 17px 2px #4a444440;top:-4px;transition:all .2s ease-out}.clouds{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.celsius{color:var(--tempColor);font-size:1.5rem;font-weight:700}.cloud-icon{align-items:center;display:flex;justify-content:center}.cloud-icon img{width:25%}.des{color:var(--subHeadingColor);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:flex-start;gap:.75rem;justify-content:center;padding-right:2rem}.more-info p{font-weight:600}.more-info p>span{color:var(--statsColor);font-size:1.1rem;font-weight:500}
/*# sourceMappingURL=main.0cfe1223.css.map*/