@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700&family=Roboto:wght@300;400;500;700;900&display=swap);*{padding:0;margin:0}html{background:linear-gradient(180deg,#363172,#0a1120);background-attachment:fixed;height:100vh}body{color:#fff;font-family:Roboto,sans-serif;justify-content:center;font-size:20px}.wrap,body{display:flex}.wrap{max-width:1000px;margin:0 10px;flex-direction:column;align-items:center}header{display:flex}header h1{font-family:"M PLUS Rounded 1c",sans-serif;font-size:40px;margin:30px 0}header img{width:100px;height:100px;margin:10px 0 0 30px}form{width:100%;display:flex;flex-direction:column;align-items:center}form label{align-self:flex-start}form input{padding:10px 20px;font-size:20px;width:100%;box-sizing:border-box;border-radius:50px;border:none;background-color:#0a1120;color:#fff}form input:focus{outline:3px solid #00ff85}form button{background-color:#00ff85;border:none;font-size:20px;font-weight:600;border-radius:40px;width:120px;height:40px;margin-top:20px}form button:hover{background-color:#00ca68;cursor:pointer}.result h3{margin:30px}.result h3,.result p{text-align:center}.result p.date{font-size:18px;opacity:.5}.result section{margin-top:30px}.result section div{display:flex;justify-content:space-between;width:350px;margin-bottom:20px}.result section div img{width:75px;height:75px}.result section div div{display:flex;flex-direction:column;justify-content:center;margin-left:20px;align-items:center;margin-bottom:0}.result section div div h2{font-size:.9em}.result section div div p{font-size:16px}.footer{position:fixed;bottom:5px;font-size:14px;opacity:.1}.green{color:#00ff85}.error{color:rgba(255,0,0,.9)}.error,.nothing{position:absolute;top:50%}.nothing{opacity:.4}@media screen and (max-width:800px){body{font-size:18px}header h1{font-size:30px;margin:10px 0}header img[alt="sun icon"]{width:100px}.result h3{margin:10px}.result section .sky,.result section .temp,.result section .wind{max-width:250px}.result section .sky img,.result section .temp img,.result section .wind img{width:50px}}
/*# sourceMappingURL=main.ac61d53e.chunk.css.map */