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}body,html{font-family:Roboto,sans-serif;height:100%;margin:0;padding:0}body{background:linear-gradient(to bottom right,#4facfe,#00f2fe);color:#fff;height:100vh;transition:background-color .3s ease-in-out}.App,body{align-items:center;display:flex;justify-content:center}.App{animation:fadeIn 1s ease-in-out forwards;background-color:#ffffff1a;border-radius:10px;box-shadow:0 0 20px #0003;flex-direction:column;margin:0 20px;max-width:400px;opacity:0;padding:20px;width:100%}.video-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.video-container video{height:100%;object-fit:cover;opacity:.7;transition:opacity .3s;width:100%}.title{color:#fff;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px #00000080;transition:transform .5s ease}.title:hover{transform:scale(1.05)}.form{align-items:center;display:flex;flex-direction:column;gap:15px}.input{background-color:#fff3;border:none;border-radius:25px;color:#fff;font-size:1.1em;outline:none;padding:12px 15px;text-align:center;transition:background-color .3s ease,transform .3s ease;width:100%}.input:focus{background-color:#ffffff4d;transform:scale(1.05)}.btn{background-color:#ff6f61;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 30px;transition:background-color .3s ease,transform .3s ease}.btn:hover{background-color:#ff4c39;transform:scale(1.05)}.btn:active{transform:scale(.98)}.error{animation:fadeIn .5s ease-in-out forwards;color:#ff6f61;margin-top:10px;opacity:0}.weather-info{animation:fadeInUp .5s ease-in-out forwards;background-color:#ffffff1a;border-radius:10px;margin-top:20px;opacity:0;padding:15px;text-align:left;transform:translateY(20px)}.weather-info h3{font-size:1.5em;margin:0 0 10px}.weather-info p{font-size:1.1em;margin:5px 0}.unit-toggle-btn{background:none;border:none;color:#ff6f61;cursor:pointer;font-size:.9em;margin-left:10px;text-decoration:underline;transition:color .3s ease,transform .3s ease}.unit-toggle-btn:hover{color:#ff4c39;transform:scale(1.05)}.footer{background:linear-gradient(90deg,#000c,#323232cc);bottom:0;box-shadow:0 -3px 15px #0006;color:#fff;font-size:1em;letter-spacing:.5px;padding:15px 10px;position:fixed;text-align:center;width:100%;z-index:9999}.footer p{font-family:Roboto,sans-serif;font-size:1.1em;margin:0}.footer-link{color:#ff6f61;font-weight:700;text-decoration:none;transition:color .3s ease,text-shadow .3s ease}.footer-link:hover{color:#ff4c39;text-decoration:underline;text-shadow:0 0 5px #ff4c39cc}.footer:before{background:#ff6f61;border-radius:2px;content:"";display:block;height:4px;margin:0 auto 10px;opacity:.8;width:60px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.App{margin:20px auto;max-width:90%;padding:15px}.title{font-size:2em}.input{padding:10px}.btn,.input{font-size:1em}.btn{padding:10px 25px}.weather-info h3{font-size:1.3em}.weather-info p{font-size:1em}.footer{font-size:.9em;padding:10px}}@media (min-width:769px) and (max-width:1200px){.App{max-width:75%}.title{font-size:2.2em}.footer{font-size:1em}}
/*# sourceMappingURL=main.ca99ef63.css.map*/