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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-image:url(/static/media/Nature.e47f00ed1bee65c06acb.jpg);background-position:50%;background-size:cover;font-family:Montserrat,sans-serif;margin:0;padding:0;transition:background-image .3s ease-in-out}.container{background:linear-gradient(180deg,#c2ffc941,#fafffa6e);border-radius:10px;box-shadow:0 0 20px #0000001a;margin:50px auto;max-width:600px;padding:20px;transition:box-shadow .3s ease-in-out}.container:hover{box-shadow:0 10px 30px #0003}header{background-color:#2ecc71;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:10px 10px 0 0;box-shadow:0 5px 15px #0003;color:#fff;margin-bottom:20px;padding:20px 0;text-align:center}form{display:flex;flex-direction:column;margin-top:20px}label{color:#fff;font-size:16px;font-weight:700;margin-bottom:10px}input{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:15px;padding:12px;transition:border-color .3s ease-in-out}input:focus{border-color:#2ecc71}button{background-color:#2ecc71;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:15px;transition:background-color .3s ease-in-out,color .3s ease-in-out}button:hover{background-color:#27ae60;color:#fff}.weather-container{background-color:#fffc;border:1px solid #ccc;border-radius:10px;border-radius:5px;box-shadow:0 5px 15px #0003;margin:20px auto;max-width:300px;padding:20px;text-align:center}.weather-info{background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:8px;box-shadow:0 5px 15px #0003;color:#fff;font-size:1.2em;margin:10px 0;padding:15px;transition:opacity .3s ease-in-out}.weather-icon{color:#2ecc71;font-size:80px;margin-top:20px;transition:font-size .3s ease-in-out}.weather-info.loading{opacity:.5;position:relative}.weather-info.loading:after{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#2ecc71;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.footer{background-color:#1a201db0;border-radius:0 0 10px 10px;color:#fff;margin-top:20px;padding:10px;text-align:center}
/*# sourceMappingURL=main.6993c0cc.css.map*/