@import url(https://fonts.googleapis.com/css2?family=Lora&display=swap);@import url(https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap);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}.App{align-items:center;background:radial-gradient(circle at center,#1a1a40,#000);color:#e0e0e0;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:20px;position:relative;text-align:center}.App:before{background:url(https://www.transparenttextures.com/patterns/stardust.png);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0}h1{animation:fade-in 1s ease-in-out;color:#e0dcdc;font-family:MedievalSharp,sans-serif;font-size:2.5rem;letter-spacing:.3rem;margin-bottom:20px;text-shadow:0 0 5px #a896a8,0 0 15px #e0dcdc}.weather-card,.weather-form,h1{position:relative;z-index:1}.subtitle{animation:fade-in 1.5s ease-in-out;color:#e0dcdc;letter-spacing:.1rem;margin-top:-10px;text-shadow:0 0 3px #a896a8,0 0 5px #e0dcdc}.error-message,.subtitle{font-family:MedievalSharp,sans-serif;font-size:1.2rem}.error-message{animation:fade-in .5s ease;color:#ff4d4d;margin-top:10px}.loginContainer{position:relative;z-index:10}.weather-card{animation:fade-in .5s ease;background:#ffffff1a;border:2px solid #e0dcdc80;border-radius:10px;box-shadow:0 4px 10px #00000080;color:#fff;cursor:pointer;font-family:MedievalSharp,sans-serif;height:350px;margin:20px auto;max-width:400px;padding:20px;perspective:1000px;position:relative;text-align:center;transition:transform .3s ease;width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.weather-card:hover{box-shadow:0 4px 15px #ffffff4d;transform:scale(1.05)}.weather-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.weather-card.flipped .weather-card-inner{transform:rotateY(180deg)}.weather-card-back,.weather-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;height:100%;position:absolute;transition:transform .5s ease-in-out;width:100%}.weather-card-front{background-color:#1a1a40cc}.weather-card-back,.weather-card-front{align-items:center;display:flex;flex-direction:column;justify-content:center}.weather-card-back{background-color:#121224e6;color:#ffc857;font-family:Lora,serif;transform:rotateY(180deg)}.weather-card-back p{font-size:.95rem;margin-bottom:10px;text-shadow:0 0 3px #fff6}.weather-card-back h3{color:#e0dcdc;font-family:MedievalSharp,serif;font-size:1.5rem;margin-bottom:12px;text-shadow:0 0 5px #ffffffb3}.weather-info{display:flex;flex-direction:column;font-family:Lora,serif;gap:10px}.weather-condition{align-items:center;display:flex;gap:10px;justify-content:center}.weather-condition img{filter:drop-shadow(0 0 5px rgba(255,255,255,.7));height:80px;height:50px;width:80px;width:50px}.weather-stats{text-align:left}.flip-hint{animation:fade-hint 1.8s ease-in-out infinite alternate;color:#ffffffb3;font-family:Lora,serif;font-size:.9rem;margin-top:10px;text-shadow:0 0 5px #fff6}@keyframes fade-hint{0%{opacity:1}to{opacity:.3}}@media (max-width:480px){.weather-card{max-width:320px;width:95%}}.weather-form{align-items:center;background:#0000;display:flex;flex-direction:column;gap:15px;margin:20px auto;max-width:400px;padding:10px;width:100%}.form-group{font-family:Lora,serif;width:100%}.form-select{background:#ffffff1a;border:1px solid #e0dcdc80;border-radius:5px;color:#fff;font-family:Lora,serif;font-size:1rem;padding:10px}.form-select:hover{border-color:#ffc857}.form-button{background:#e0dcdc;border:2px solid #0000;border-radius:5px;color:#1a1a40;cursor:pointer;font-family:MedievalSharp,sans-serif;font-size:16px;padding:10px 20px;text-shadow:0 0 8px #a896a8;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.form-button:hover{background-color:#fff;box-shadow:0 0 15px #e0dcdc;transform:translateY(-2px)}.footer{align-items:center;background:#0000;bottom:0;color:#e0e0e0;display:flex;font-size:.9rem;gap:10px;justify-content:center;left:0;margin-top:auto;padding:10px;position:relative;width:100%}.github-link{display:inline-block;text-decoration:none}.github-icon{color:#e0e0e0;cursor:pointer;font-size:1.5rem;transition:color .3s ease,transform .2s ease}.github-icon:hover{color:#ffc857;transform:scale(1.1)}
/*# sourceMappingURL=main.34a5fc1d.css.map*/