:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#1a1a1a;color:#ecf0f1;font-family:"Press Start 2P",cursive;text-align:center;background:url(https://www.toptal.com/designers/subtlepatterns/uploads/dark_mosaic.png);background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:150px}.container{width:100%;max-width:800px;margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:Arial,Times New Roman,Times,serif}.weather-box{background:#222;border:4px solid #fff;padding:20px;margin:20px auto;width:80%;max-width:350px;box-shadow:5px 5px #fc0,10px 10px #f60;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(-10px);animation:fadeIn .5s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch{0%{text-shadow:2px 2px #ff0000,-2px -2px #00ff00}25%{text-shadow:-2px -2px #ff0000,2px 2px #00ff00}50%{text-shadow:2px -2px #ff0000,-2px 2px #00ff00}75%{text-shadow:-2px 2px #ff0000,2px -2px #00ff00}to{text-shadow:2px 2px #ff0000,-2px -2px #00ff00}}.title{font-size:3rem;margin-bottom:20px;animation:glitch .2s infinite alternate}.search-box{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:400px}input{padding:10px;font-size:1rem;border:2px solid #ccc;border-radius:5px;width:60%;max-width:250px}button{color:#ecf0f1;font-size:17px;background-color:#e67e22;border:1px solid #f39c12;border-radius:5px;cursor:pointer;padding:10px;box-shadow:0 6px #d35400;transition:all .1s;cursor:url(https://cur.cursors-4u.net/games/gam-4/gam379.cur),auto}button:active{box-shadow:0 2px #d35400;position:relative;top:2px}@media (max-width: 768px){.container{max-width:95%;padding:15px}.title{font-size:1.5rem}.weather-box{width:90%;box-shadow:3px 3px #fc0,6px 6px #f60}input{width:70%}}@media (max-width: 480px){.search-box{flex-direction:column;width:100%;max-width:300px}input,button{width:100%}.title{font-size:1.2rem}.weather-box{width:90%;padding:15px}}