@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:url(/static/media/high-angle-shot-beautiful-cityscape-sunset-new-york-city-usa.ece3118d2ffae4fcc925.jpg) no-repeat 50% fixed;background-size:cover;color:#fff;font-family:Roboto,sans-serif}.overlay{background:#00000080;left:0;max-height:max-content;min-height:100vh;position:absolute;top:0;width:100%}.header{border-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-family:Roboto,sans-serif;justify-content:space-between;margin-bottom:20px;padding:20px;text-align:center;width:100%}.logo-box{align-items:start;display:flex;flex-direction:column;justify-content:center;width:50%}.logo-box img{height:50px;margin-bottom:10px}.logo-box div{align-items:center;display:flex;font-size:.9em;font-weight:300;height:max-content;width:max-content}.date-box{align-items:end;display:flex;flex-direction:column;width:50%}.header h1{animation:fadeInDown 1s ease-in-out;font-size:2.5em;letter-spacing:2px;margin:0;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.header p{animation:fadeInUp 1s ease-in-out;font-size:1.2em;font-weight:300;margin:10px 0 0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{animation:fadeIn 1s ease-in-out;padding:30px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container2{display:flex;justify-content:center;width:100%}.search-box{background:#ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0003;height:8vh;justify-content:space-between;margin-bottom:15px;padding-left:10px;width:75%}.input-box,.search-box{align-items:center;display:flex;font-size:16px}.input-box{justify-content:center}.input-box,input[type=text]{background-color:initial;border:none;border-radius:10px;color:#fff}input[type=text]{font-size:16px;padding:14px;width:600px}input::placeholder{color:#fff9}input[type=text]:focus{outline:none}.mic{background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;transition:all .1s;width:70px}.mic:active{scale:1.3}.weather-button{background:linear-gradient(45deg,#232526,#414345);border:none;border-radius:15px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:18px 28px;transition:all .3s ease}.weather-button:active{background:linear-gradient(45deg,#414345,#232526);box-shadow:0 8px 20px #41434566;scale:.9}.loading{animation:spin 2s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:80px;margin:20px auto;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{color:#f5f5f5;margin-top:10px}.weather-box{display:flex;justify-content:center}.weather-info{background:#000c;border-radius:10px;color:#fff;margin-top:20px;padding:20px;width:320px}.weather-info h1,.weather-info h2{font-size:2.4em;margin:0;text-shadow:2px 2px 4px #000000b3}.weather-info .time{color:#ddd;font-size:18px;margin:10px 0}.weather-info img{animation:pulse 1s infinite alternate;height:100px;margin-top:10px;width:100px}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.weather-info p{color:#ccc;font-size:16px;margin:5px 0;text-shadow:1px 1px 2px #000000b3}.forecast{animation:slideIn 1s ease-in-out;display:flex;justify-content:space-around;margin-top:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forecast{background:#00000080}.forecast-item{animation:float 2s ease-in-out infinite alternate;border-radius:10px;padding:10px;text-align:center;width:100px}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (max-width:768px){.container{padding:20px;width:100%}.header{padding:15px}.header h1{font-size:2em;letter-spacing:1.5px}.header p{font-size:1em;margin-top:8px}.weather-info h1,.weather-info h2{font-size:1.8em}button,input[type=text]{font-size:14px;width:100%}.forecast-item{width:80px}}@media (max-width:480px){.container{padding:15px}.header{padding:10px}.header h1{font-size:1.5em;letter-spacing:1px}.header p{font-size:.9em;margin-top:6px}.logo-box h1{font:1em sans-serif}.logo-box p{font-size:.8em;margin-top:4px;text-align:center}.logo-box img{height:30px}.date-box p{font-size:.8em;margin-top:4px}.date-box{justify-content:center}.weather-info h1,.weather-info h2{font-size:1.6em}.container2{flex-direction:column}.search-box{margin-bottom:10px;width:100%}input[type=text]{font-size:14px}button{font-size:12px;margin-bottom:5px}.forecast{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-top:10px;overflow-x:hidden;overflow-y:hidden;width:100%}.forecast-item{width:80%}}
/*# sourceMappingURL=main.bf817203.css.map*/