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-color:#e9f2f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.App{margin:auto;max-width:500px;padding:2rem;text-align:center;transition:background-color .3s ease,color .3s ease}h1{font-size:2rem;margin-bottom:1rem}.input-area{display:flex;gap:10px;justify-content:center;margin-bottom:20px}input{border:1px solid #ccc;border-radius:8px;font-size:16px;outline:none;padding:10px;transition:all .2s ease-in-out;width:60%}input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66}button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px;transition:background-color .2s}button:hover{background-color:#0056b3}.weather-info{background:linear-gradient(135deg,#fff,#e0ecff);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-top:20px;padding:20px;transition:background .3s ease}.weather-info h2{color:#333;font-size:1.5rem;margin:0}.weather-info p{color:#555;font-size:1.1rem;margin:6px 0}.dark{background-color:#121212;color:#f1f1f1}.dark button,.dark input{background-color:#1e1e1e;border:1px solid #444;color:#f1f1f1}.dark button:hover{background-color:#333}.dark .weather-info{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#eee}.dark-mode-toggle{background-color:#eee;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 14px;position:absolute;right:20px;top:20px;transition:all .3s}.dark .dark-mode-toggle{background-color:#333;color:#eee}
/*# sourceMappingURL=main.c66507ae.css.map*/