@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:Poppins,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;margin:0;padding:0}body{margin:0}.container{height:100vh;width:100%;overflow:hidden;background-image:linear-gradient(to right,#f3b07c,#fcd283);display:flex;justify-content:center;align-items:center;font-weight:700}.weather-app{position:relative;box-shadow:-3rem 1rem 6rem #0000001a;height:45rem;width:25rem;border-radius:2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem;overflow:hidden}.search{display:flex;flex-direction:column;justify-content:center}.search-top{display:flex;justify-content:flex-start;align-items:center;font-size:1rem;color:#333;row-gap:.5rem}.search-bar{border:1px solid #333;border-radius:2rem;display:flex;justify-content:center;align-items:center;column-gap:1rem;padding:.5rem 1rem;width:100%}.search-bar input{background:transparent;width:100%;height:100%;border:0;outline:none;border:none;color:#333;font-size:1rem;font-weight:700;z-index:1000}.loader{height:2rem}.weather{overflow:hidden}.weather img{margin-top:-7rem;height:750px;display:block;width:1240px}.flex-center{display:flex;justify-content:center;align-items:center}.error-message{color:#e42996;font-size:18px;text-align:center;margin-top:20px}.weather-type{position:absolute;top:38%;left:0;color:#333;right:0;text-align:center;font-size:1.5rem}.weather-temp{position:absolute;top:43%;z-index:1000;color:#333;left:0;right:0;text-align:center;font-size:4rem}.weather-date{color:#333;font-weight:700;font-size:rem;position:absolute;bottom:33%}.weather-data{display:flex;justify-content:space-between;align-items:center;column-gap:5rem;position:absolute;bottom:0;left:0;right:0;padding:1rem}.weather-data div{border:1px solid white;font-size:1rem;color:#333;text-align:center;flex:1;border-radius:1rem;padding:.5rem;background-color:#fff3}.weather-data p,.weather-data h4{margin:0}@media (max-width: 480px){.weather-app{height:35rem;width:90%;padding:.5rem}.search-bar{border-radius:2rem;column-gap:1rem;padding:.5rem 1rem;width:100%}.weather-temp{font-size:2rem}.weather-type{font-size:1rem}.weather-date{font-size:.8rem}.search-bar{padding:.2rem .6rem}.error-message{font-size:14px}.weather-type{top:39.5%;font-size:1.25rem}.weather-temp{top:44%;font-size:3rem}.weather-date{bottom:32%}.weather img{margin-top:-8rem;margin-left:.5rem;height:700px;width:1000px}}.history-icon{position:absolute;top:10px;right:15px;cursor:pointer;color:#333;font-size:1.5rem;transition:transform .3s ease;z-index:1100}.history-icon:hover{transform:scale(1.1)}.sidebar{position:absolute;top:0;right:-240px;width:200px;height:100%;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:right .3s ease-in-out;padding:1rem;border-radius:1rem 0 0 1rem;box-shadow:-4px 0 10px #0003;z-index:1050}.sidebar.open{right:0}.container.sidebar-open .weather-app>*:not(.sidebar),.container.sidebar-open .history-icon{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0000004d;z-index:1000;display:none}.container.sidebar-open .overlay{display:block}.sidebar h3{color:#333;text-align:center;margin-bottom:10px;font-size:1rem}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{padding:8px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.3);color:#333;text-align:center}.sidebar ul li:hover{background:#ffffff4d}