*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#fff;max-width:100vw;min-height:100vh;background:linear-gradient(168.44deg,#2e335a 1.62%,#1c1333 95.7%)}.app{padding:10px}.app_container{margin:auto;max-width:600px}header{padding:20px 0}header h1{font-weight:400;font-size:28px;letter-spacing:2px}footer{position:fixed;bottom:-16%;text-align:center}.search-section{margin-top:20px}.search_container{width:100%;height:36px;display:flex;align-items:center;padding:10px 8px;background:linear-gradient(168.44deg,#2e335a 1.62%,#1c1333 95.7%);box-shadow:inset 0 4px 4px #00000040;border-radius:10px}.search_container svg{width:22px;height:22px}.search_container input{background:transparent;border:none;outline:none;width:100%;height:100%;padding:0 10px;font-size:16px;color:#fff}.waether_section{margin-top:50px;padding:10px}.weather_card{width:100%;min-height:184px;background:linear-gradient(98deg,#5936b4,#362a84 103.55%);border-radius:20px;position:relative;padding:20px;display:flex;flex-direction:column}.weather_tempc{font-size:64px;font-weight:400}.weather_info{display:flex;gap:15px;align-items:center;color:#bbb}.weather_place{font-size:22px}.weather_avatar{position:absolute;top:-60px;right:-15px}