*{box-sizing:border-box}[data-theme=light]{--writing-color:#292929;--container-color:#d9d9d9;--full-white-80:#fffc;--full-white-60:#fff9;--full-white:#fff;--writing-color:#373636;--light-black:#373636;--medium-black:#383838;--dark-grey:#444;--black-accent:#111;--accent-green:#4cbb17;--hour-container: }[data-theme=dark]{--writing-color:#fff;--container-color:#444;--full-white-60:#383838;--full-white:#111;--medium-black:#111;--light-black:#373636;--dark-grey:#d9d9d9;--black-accent:#d9d9d9;--accent-green:#4cbb17;--hour-container:#373636}body{font-family:Hanken Grotesk,Arial,sans-serif;font-size:16px;height:100vh;margin:0;padding:1rem}.title-center{font-size:1.6rem;margin:2rem auto -1.3rem}p{color:var(--dark-grey)}header{align-items:center;display:flex;gap:10rem;margin-left:2rem}.toggle-container{margin-top:3.5rem}.toggle-container>p{font-weight:700}.toggle-label{background-color:var(--full-white);border:.15rem solid var(--light-black);border-radius:250px;box-shadow:0 .1rem .7rem var(--dark-grey);cursor:pointer;display:inline-block;height:2.8rem;position:relative;transition:.3s;width:6rem}.toggle-input{height:0;position:absolute;width:0}.slider:before{background:var(--black-accent);border-radius:5rem;content:"";height:2.4rem;left:3.37rem;position:absolute;top:.11rem;transition:.3s;width:2.4rem}input:checked+.slider:before{transform:translateX(-3.25rem)}.search-bar{background-color:var(--container-color-60);border:.1rem solid var(--dark-grey);border-radius:2rem;margin:1rem;padding:.8rem;width:55rem}.location,.search-bar{box-shadow:0 .1rem .5rem var(--dark-grey);font-size:1rem}.location{align-items:center;background-color:var(--accent-green);border-radius:1.6rem;color:var(--full-white-80);display:flex;font-weight:700;justify-content:center;padding:.7rem}.icon{height:1.5rem;margin-right:.5rem;width:1.5rem}.flex-container{color:var(--writing-color);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 2fr}.current-city-container{align-items:center;background-color:var(--container-color);border-radius:1.88rem;box-shadow:0 .1rem 1rem var(--dark-grey);display:grid;height:20.6rem;justify-content:center;margin:.63rem 5.63rem;width:31.88rem}.writing-container{text-align:center}.city{font-size:1.5rem}.time{font-size:6rem;position:relative;top:.8rem}.date-current-city{font-size:1.3rem;position:relative;top:-4rem}.highlights-container{background-color:var(--container-color);border-radius:1.88rem;box-shadow:0 .1rem 1rem var(--dark-grey);display:grid;grid-template-columns:1fr 1fr 1fr;height:20.63rem;margin:.8rem 2.5rem;width:48.75rem}.basic-info-container{margin:1rem .8rem 0}.temperature{background-color:var(--container-color);border:none;color:var(--writing-color);font-size:4.5rem}.text{font-size:1.2rem;font-weight:500;margin:-1rem 1rem -1.8rem}.feels-temperature{font-size:1.7rem;font-weight:700;margin-right:1rem}.rise-or-set-container{margin:3rem 1rem 0 0}.icon-img{height:15rem;margin:auto -2rem;width:15rem}.weather-desc{font-size:1.5rem;margin:auto 2rem}.detail-info-container{display:grid;grid-template-columns:1fr 1fr}.sun-container{display:grid;grid-template-columns:.5fr 1fr;grid-template-rows:1fr 1fr;margin:-2rem 1rem -6rem}.image-container{display:grid;grid-template-rows:.5fr .5fr;margin:1rem}.rise-or-set{height:2rem;width:2rem}.arrow,.rise-or-set{color:var(--dark-grey)}.arrow{height:1.5rem;margin:auto;width:1.5rem}h4{font-size:1.2rem;margin-bottom:-1rem}.forecast-section-container{background-color:var(--container-color);border-radius:1.88rem;box-shadow:0 .1rem 1rem var(--dark-grey);display:grid;height:22.9rem;margin:2rem 5.63rem;width:25.9rem}.forecast-container{display:grid;grid-template-columns:1fr 1fr 1fr;margin:4rem 1rem -2rem 0}.icon-img-s{margin-left:1rem;margin-top:-3.7rem;max-height:5rem;max-width:5rem}.temp-date{font-size:1.5rem;font-weight:600;margin:-2.5rem 0 0 1.2rem}.date{font-size:1.2rem;margin-left:1rem;margin-top:-2.5rem}.hourly-forecast-container{background-color:var(--container-color);border-radius:1.88rem;box-shadow:0 .1rem 1rem var(--dark-grey);display:grid;height:22.9rem;margin:2rem -3rem;width:54.4rem}.hourly-forecast{display:grid;grid-template-columns:repeat(5,1fr);margin:0 4rem 0 5rem}.hour-container{border-radius:2rem;box-shadow:0 .2rem .5rem var(--dark-grey);height:16.9rem;margin-right:1rem;padding:0 0 0 2.5rem;width:8.1rem}.hour-bold{font-size:1.3rem;font-weight:600}.icon-hour{height:5rem;margin:-1.8rem -1rem;width:5rem}.hour-med-weight{font-size:1.1rem;font-weight:500}@media (max-width:1240px){body{font-size:11px}.title-center{font-size:1.2rem;margin-top:1.5rem}.toggle-container{margin-top:2.5rem}.toggle-label{max-height:2.3rem;max-width:5rem}.slider:before{left:2.9rem;max-height:1.8rem;max-width:1.8rem;top:.1rem}input:checked+.slider:before{transform:translateX(-2.8rem)}.dark-mode{font-size:.8rem}.search-bar{margin:0 -5rem;max-width:45rem;padding:.6rem}.location{font-size:.9rem;padding:.5rem}.icon{max-height:1.2rem;max-width:1.2rem}.current-city-container{margin:1.5rem;max-height:18rem;max-width:27rem}.city{font-size:1.3rem}.time{font-size:5rem;top:2rem}.date-current-city{font-size:1.1rem;top:-2rem}.highlights-container{margin:1.5rem .5rem;max-height:18rem;max-width:43rem}.basic-info-container{margin:.8rem .8rem 0}.temperature{font-size:3.5rem}.text{font-size:1rem;margin:-.5rem .5rem}.feels-temperature{font-size:1.4rem}.rise-or-set-container{margin-top:2rem}.icon-img{height:15rem;margin:auto -3rem;width:15rem}.weather-desc{font-size:1.3rem;margin:auto 1.2rem}.sun-container{margin:-1rem 1rem -5rem}.image-container{margin:1rem}.rise-or-set{max-height:1.5rem;max-width:1.5rem}.arrow{max-height:1.1rem;max-width:1.1rem}h4{font-size:1rem;margin-bottom:-.5rem}.forecast-section-container{margin:1rem 1.5rem;max-height:18rem;max-width:20rem}.icon-img-s{max-height:4rem;max-width:4rem}.temp-date{font-size:1.2rem;margin:-2.5rem 0 0 1rem}.date{font-size:1rem;margin-left:0;margin-top:-2.5rem}.hourly-forecast-container{margin:1rem -5.8rem;max-height:18rem;max-width:49rem}.hourly-forecast{margin:.7rem 2rem 0}.hour-container{max-height:14rem;max-width:7rem;padding-left:2rem}.hour-bold{font-size:1.1rem}.icon-hour{margin:-1.8rem -.8rem;max-height:4.5rem;max-width:4.5rem}.hour-med-weight{font-size:1rem;margin-left:-.5rem}}@media (max-width:800px){body{font-size:9px;padding:0}.title-center{font-size:.9rem;margin:.8rem auto}header{gap:6rem;margin-left:1rem}.toggle-container{margin-top:1.8rem}.toggle-label{max-height:1.8rem;max-width:3.5rem}.slider:before{left:1.8rem;max-height:1.4rem;max-width:1.4rem;top:.07rem}input:checked+.slider:before{transform:translateX(-1.7rem)}.dark-mode{font-size:.6rem}.search-bar{font-size:.8rem;margin:0 -4rem;max-width:30rem;padding:.3rem}.location{font-size:.6rem;margin:0;padding:.3rem .2rem}.icon{height:.8rem;margin-right:.2rem;width:.8rem}.current-city-container{margin:1rem .5rem;max-height:12rem;max-width:15rem}.city{font-size:1.1rem;margin-top:.8rem}.time{font-size:3rem;margin-top:3rem}.date-current-city{font-size:.8rem;top:-.5rem}.highlights-container{margin:1rem -5rem;max-height:12rem;max-width:29rem}.basic-info-container{margin:.3rem .4rem 0 .8rem}.temperature{font-size:3rem}.text{font-size:.8rem;margin-left:0}.feels-temperature{font-size:1rem}.rise-or-set-container{margin:1.5rem -.5rem}.icon-img{height:10rem;margin:-1rem -2rem;width:10rem}.weather-desc{font-size:1.1rem;margin:1rem}.sun-container{margin:-1.4rem .2rem -5.5rem}.rise-or-set{max-height:1rem;max-width:1rem}.arrow{max-height:1rem;max-width:.8rem}h4{font-size:.7rem;margin-bottom:-.4rem}.forecast-section-container{margin:.5rem;max-height:12rem;max-width:13rem}.forecast-container{margin:.7rem .6rem 1.2rem 0}.icon-img-s{margin:-1.3rem 0 0 .5rem;max-height:2rem;max-width:2rem}.temp-date{font-size:.8rem;margin:-.7rem 0 0 -.3rem}.date{font-size:.7rem;margin:-.7rem 0 0 -.5rem}.hourly-forecast-container{margin:.5rem -9rem;max-height:12rem;max-width:33rem}.hourly-forecast{margin:0 2rem}.hour-container{border-radius:2.2rem;margin:-5rem 0;max-height:9rem;max-width:5rem;padding:0 0 0 3rem}.hour-bold{font-size:.8rem;margin:.5rem 0 .5rem -1.3rem}.icon-hour{margin:-1rem -2.3rem;max-height:3.5rem;max-width:3.5rem}.hour-med-weight{font-size:.6rem;margin-left:-1.5rem}}@media (max-width:720px){body{font-size:5px}.title-center{font-size:.8rem}.toggle-container{margin-top:1.2rem}.toggle-label{border:.1rem solid var(--light-black);max-height:1rem;max-width:2rem}.slider:before{height:.7rem;left:1.1rem;width:.7rem}input:checked+.slider:before{transform:translateX(-1rem)}.search-bar{font-size:.5rem;margin:-1rem 0 0 -4rem;max-width:22rem}.location{border:none;font-size:.5rem;margin:-.5rem 0 0}.current-city-container{max-height:10rem;max-width:10rem}.city{font-size:.8rem}.time{font-size:2rem;top:-.5rem}.date-current-city{font-size:.6rem;top:-2.2rem}.highlights-container{margin:.8rem 4rem;max-height:10rem;max-width:25rem}.temperature{font-size:1.7rem}.text{font-size:.6rem;margin:-.3rem 0 -1.3rem}.feels-temperature{font-size:.7rem;margin-right:1rem}.rise-or-set-container{margin:1.8rem 0 0 -.8rem}.icon-img{margin:auto -1rem;max-height:6rem;max-width:6rem}.weather-desc{font-size:.8rem;margin:auto .6rem}.sun-container{margin:-1rem .2rem -5rem}.image-container{margin:0 .8rem 1.8rem}.rise-or-set{margin:.1rem}.arrow,.rise-or-set{max-height:.8rem;max-width:.8rem}.arrow{margin-top:.2rem}h4{font-size:.6rem;margin-bottom:-.1rem}.forecast-section-container{max-height:10rem;max-width:10rem}.forecast-container{margin:1.3rem .6rem 0 0}.icon-img-s{margin-left:.2rem;margin-top:-2rem}.temp-date{font-size:.7rem;margin:-1.3rem 0 0}.date{font-size:.6rem;margin-top:-1.3rem}.hourly-forecast-container{margin:.5rem 1rem;max-height:10rem;max-width:28rem}.hourly-forecast{margin:0 auto}.hour-container{margin:-1rem 0 0 1rem;max-height:7.5rem;max-width:3.5rem;padding:0 0 0 2.4rem}.hour-bold{font-size:.7rem}.icon-hour{margin:-1.8rem -2.2rem;max-height:3rem;max-width:3rem}.hour-temp{margin-top:1.5rem}.hour-med-weight{font-size:.6rem;margin-top:-.3rem}}@media (max-width:460px){.title-center{font-size:.8rem;margin-top:.6rem}header{gap:5rem}.toggle-container{margin-top:1.5rem}.search-bar{font-size:.6rem;max-width:15rem;padding:.2rem}.location{font-size:.5rem;margin-left:-4rem;padding:.2rem}.icon{max-height:.6rem;max-width:.6rem}.flex-container{grid-template-columns:1fr;grid-template-rows:.2fr 1fr .8fr 1fr}.current-city-container{grid-template-columns:1fr;grid-template-rows:.5fr 1.5fr 1rem 1rem;margin:.2rem .4rem;max-height:2rem;max-width:26rem}.city{font-size:.8rem;margin:.6rem 0 0 -19rem}.time{font-size:1rem;margin:-.6rem 0 0 -4rem}.date-current-city{font-size:.6rem;margin:.8rem 0 0 13rem}.highlights-container{margin:.6rem .4rem;max-height:8rem;max-width:26rem}.temperature{font-size:1.4rem}.text{font-size:.5rem}.feels-temperature{font-size:.6rem}.rise-or-set-container{margin:2rem 0 0 -.8rem}.icon-img{margin:-1.3rem -3rem;max-height:9rem;max-width:9rem}.weather-desc{font-size:.9rem;margin:-.5rem 0}.sun-container{margin:-1.5rem 0 -5rem}.image-container{margin:1.1rem .2rem 1.5rem 1rem;max-height:.9rem;max-width:.9rem}.rise-or-set{margin-top:-.1rem}.arrow,.rise-or-set{max-height:.7rem;max-width:.7rem}.arrow{margin-top:-.6rem}h4{font-size:.4rem;margin-bottom:.3rem}.forecast-section-container{margin:.1rem .5rem;max-height:6.5rem;max-width:26rem}.outside-forecast-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;margin:.6rem 0 0}.forecast-container{grid-template-columns:1fr 1fr 1fr;margin:1.8rem 1rem -.7rem 0}.icon-img-s{margin-left:.5rem;margin-top:-3.3rem}.temp-date{margin:-2.8rem 0 0 -.5rem}.date{margin-left:-1rem;margin-top:-2.8rem}.hourly-forecast-container{margin:.1rem .4rem;max-height:9rem;max-width:26rem}.hourly-forecast{margin:0}.hour-container{border-radius:1.4rem;max-height:6rem;max-width:3.5rem;padding:0 0 0 2.3rem}.hour-bold{font-size:.65rem}.hour-med-weight{font-size:.4rem;margin-left:-1.3rem}}
/*# sourceMappingURL=main.3c6cfb7f.css.map*/