body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.time-block{color:#fff;position:absolute;right:11%;z-index:1000}.time{font-size:24px;position:relative;text-align:right;top:10px}.sunrise{top:18px}.sunrise,.sunset{font-size:18px;position:relative}.sunset{top:20px}.main-block{left:10%;position:absolute;text-align:center;top:320px;width:20em;z-index:10000}.city{color:#fff;font-size:27px;overflow:hidden}.main-info{color:#fff;font-size:22px}.frame{background-color:#416ada;height:400px;left:10%;overflow:hidden;position:absolute;width:80%;z-index:0}.morning{background-color:#9aa7ce}.day{background-color:#416ada}.evening{background-color:#68728e}.overcast{background-color:#4f535e}.night{background-color:#1b2236}@media screen and (max-width:1200px){.city{left:4em}.main-info{left:8em}}@media screen and (max-width:1000px){.frame{left:5%;width:90%}.city{left:.6em}.main-block{left:5%}.main-info{left:4.6em}.time-block{right:7%}}@media screen and (max-width:700px){.frame{height:520px;left:0;width:100%}.time-block{right:1%}.city,.main-info{display:none}}@media screen and (max-width:600px){.sunrise,.sunset{display:none}}@media screen and (max-width:400px){.frame{height:390px;left:0;width:100%}.sunrise,.sunset,.time{right:3%}}.sun{animation-duration:2s;animation-fill-mode:forwards;animation-name:sun-rising;background-color:#f8eca8;border-radius:100%;box-shadow:0 0 50px 0 #f8eca8;height:70px;left:100px;position:absolute;top:80px;width:70px;z-index:5}@media screen and (max-width:400px){.sun{height:60px;left:35px;width:60px}}.moon{animation-duration:2s;animation-fill-mode:forwards;animation-name:moon-rising;background-color:#f5edc2;box-shadow:0 0 12px 0 #f5edc2;height:70px;left:100px;top:80px;width:70px;z-index:5}.moon,.spot{border-radius:100%;position:absolute}.spot{background-color:#ebe1ae}.spot-1{height:13px;left:29px;top:17px;width:13px}.spot-2{height:5px;left:15px;top:30px;width:5px}.spot-3{height:8px;left:25px;top:40px;width:8px}.spot-4{height:5px;left:50px;top:36px;width:5px}.spot-5{height:7px;left:40px;top:55px;width:7px}@keyframes moon-rising{0%{transform:translateY(200px)}}@media screen and (max-width:400px){.moon{height:60px;left:35px;width:60px}.spot-5{display:none}}.middle-sun{animation-duration:2s;animation-fill-mode:forwards;animation-name:sun-rising;background-color:#f8cca8;border-radius:100%;box-shadow:0 0 100px 0 #f58c66;height:150px;left:100px;position:absolute;top:200px;width:150px;z-index:5}@keyframes sun-rising{0%{transform:translateY(100px)}}@media screen and (max-width:700px){.middle-sun{left:40px;top:300px}}@media screen and (max-width:400px){.middle-sun{left:30px;top:225px}}.cloud{height:75px;position:absolute;width:85px;z-index:15}.cloud-circle{background-color:#fff;border-radius:50%;position:relative}.cloud-circle-1{height:30px;left:10px;top:10px;width:30px}.cloud-circle-2{height:35px;width:35px}.cloud-circle-3{bottom:40px;height:40px;left:20px;width:40px}.cloud-circle-4{bottom:90px;height:30px;left:38px;width:30px}.cloud-circle-5{bottom:107px;height:35px;left:50px;width:35px}@media screen and (max-width:400px){.cloud-circle-1{height:20px;left:15px;top:10px;width:20px}.cloud-circle-2{height:25px;left:5px;width:25px}.cloud-circle-3{bottom:30px;height:30px;left:20px;width:30px}.cloud-circle-4{bottom:67px;height:20px;left:33px;width:20px}.cloud-circle-5{bottom:77px;height:25px;left:40px;width:25px}}.hill{border-radius:50%;height:350px;position:absolute;width:600px}.hill-1{left:60%}.hill-1,.hill-2{top:55%;z-index:10}.hill-2{left:20%}.hill-3{left:-15%;top:62%;z-index:10}.hill-4{left:-10%}.hill-4,.hill-5{top:65%;z-index:15}.hill-5{left:30%}.hill-6{left:70%;top:70%;z-index:15}@media screen and (max-width:1200px){.hill{width:500px}}@media screen and (max-width:1000px){.hill{width:500px}.hill-1,.hill-2{top:58%}.hill-3{top:62%}.hill-4,.hill-5{top:68%}.hill-6{top:73%}}@media screen and (max-width:700px){.hill{width:400px}.hill-1,.hill-2{top:60%}.hill-3{left:-19%;top:65%}.hill-4,.hill-5{top:70%}.hill-6{top:75%}}@media screen and (max-width:400px){.hill{height:150px;width:200px}.hill-1,.hill-2{top:65%}.hill-3{left:-15%;top:69%}.hill-4,.hill-5{top:75%}.hill-6{top:80%}}.big-drop{animation-duration:2s;animation-iteration-count:infinite;animation-name:drop;animation-timing-function:linear;background-color:#5454fa;border-radius:50%;height:15px;position:absolute;top:-100px;width:10px;z-index:10}@keyframes drop{90%{transform:rotate(10deg) translateY(500px)}to{transform:rotate(10deg) translateY(500px)}}.snow{animation-duration:2.4s;animation-iteration-count:infinite;animation-name:fall;background-color:#fff;border-radius:50%;height:8px;left:0;position:absolute;top:-15px;width:8px}@keyframes fall{90%{transform:rotate(10deg) translateY(400px)}to{transform:rotate(10deg) translateY(400px)}}.content{height:100%;left:5%;position:absolute;top:400px;width:90%}.content-light{background-color:#fff}.content-dark{background-color:#000}@media screen and (max-width:700px){.content{top:350px}}@media screen and (max-width:400px){.content{top:300px}}.block{border-radius:10px;box-shadow:4px 8px 16px 0 #0000001a;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:200px;padding-top:10px;width:100%}.main-block-light{background-color:#fff;color:#000}.cityName,.temperature{font-size:35px}.humidity{margin:8px 0}.weather{font-size:20px;font-weight:400;margin:10px 0;text-align:center;width:100%}.block-1{text-align:center}.block-1,.block-2{display:block;margin:auto}.block-2,.block-3{font-size:16px}.block-3{display:block;grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;margin:auto}.sunrise-block,.sunset-block{display:inline-block;font-size:16px}.sunset-block{margin-left:90px}@media screen and (min-width:700px){.block{display:none}}@media screen and (max-width:700px){.block{margin-top:120px}}@media screen and (max-width:400px){.block{display:block;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;height:260px;margin:45px auto auto;width:85%}.block-2{font-size:15px;margin:auto auto 10px;text-align:center}.block-3{grid-column-end:1;grid-column-start:1;grid-row-end:3;grid-row-start:3}.cityName,.temperature{font-size:32px}.humidity{margin:3px 0}.sunrise-block,.sunset-block{display:block;margin-left:0;text-align:center}}.hourly-block{background-color:#fff;border-radius:10px;box-shadow:4px 8px 16px 0 #0000001a;height:100%;margin:10px 0}.blocks .hourly-block:first-child{background-color:#e9ffdf;box-shadow:4px 8px 16px 0 #0003}.hourly-block:hover{box-shadow:4px 8px 15px 0 #0000004d}.hourly-block-date{font-size:30px;margin:15px}.hourly-block-temperature{font-size:25px}.hourly-block-1{display:block;margin:auto;text-align:center}.hourly-block-2{display:block;font-size:16px;margin:22px auto;text-align:center}@media screen and (max-width:1000px){.blocks{grid-template-columns:1fr 1fr 1fr}.hourly-block{height:90%}}@media screen and (max-width:600px){.blocks{grid-template-columns:1fr 1fr}.mini-block{height:90%}.hourly-block-date{font-size:25px;margin:10px}.hourly-block-temperature{font-size:20px}.hourly-block-2{font-size:14px;margin:18px auto}}.blocks{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr;margin:10px 0}.daily-block{background-color:#fff;border-radius:10px;box-shadow:4px 8px 16px 0 #0000001a;height:100%;margin:10px 0}.blocks .daily-block:first-child{background-color:#e9ffdf;box-shadow:4px 8px 16px 0 #0003}.daily-block:hover{box-shadow:4px 8px 15px 0 #0000004d}.block-dark{background-color:#000;color:#fff}.block-light{background-color:#fff;color:#000}.daily-block-date{font-size:28px;margin:15px}.daily-block-temperature{font-size:25px}.daily-block-1{margin:auto}.daily-block-1,.daily-block-2{display:block;text-align:center}.daily-block-2{font-size:16px;margin:25px auto}@media screen and (max-width:1000px){.blocks{grid-template-columns:1fr 1fr 1fr}.daily-block{height:90%}}@media screen and (max-width:600px){.blocks{grid-template-columns:1fr 1fr}.mini-block{height:90%}.daily-block-date{font-size:25px;margin:10px}.daily-block-temperature{font-size:20px}.daily-block-2{font-size:14px;margin:18px auto}}input{background-color:initial;border-color:#fff;border-radius:10px;color:#fff;display:block;font-size:16px;height:25px;text-align:center;top:40px}.results,input{left:35%;position:absolute;width:30%;z-index:10}.results{background-color:#fff;border-radius:15px;height:150px;overflow:scroll;padding:5px;top:80px}.cityBlock{border-radius:10px;height:30px;overflow:hidden;padding:10px;width:95%}.cityBlock:hover{background-color:#d1d1d9}@media screen and (max-width:700px){.results,input{left:30%;width:40%}.results{top:80px}}@media screen and (max-width:400px){input{top:30px}.results,input{left:30%;width:40%}.results{font-size:14px;top:70px}.cityBlock{height:25px;padding:5px}}
/*# sourceMappingURL=main.edcbfcf3.css.map*/