*{margin:0;padding:0;font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.body{display:flex;height:100vh;background:url(/assets/wallpaper-CAevbyrQ.jpg) no-repeat center;background-size:100%;align-items:center;justify-content:center}.container{display:flex;align-items:center;flex-direction:column;height:500px;background-color:#ffffff18;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:380px;border-radius:30px;border:none}.enter{background-color:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px 5px 5px 30px;margin-top:20px;height:60px;display:flex;align-items:center;padding:10px;width:220px}.button{display:flex;background-color:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;justify-content:center;height:80px;margin-top:20px;width:80px;margin-left:5px;border-radius:5px 30px 30px 5px}.search{justify-content:center;margin-top:20px;height:60px;display:flex;align-items:center;padding:10px;width:320px}.search img{width:35px;height:35px}.btn{outline:none;background:transparent;border:none}.search #loc:hover{cursor:pointer;transition:2.5s ease;transform:rotateY(360deg)}#sear{width:30px;height:30px}.search #sear:hover{cursor:pointer;transition:.5s ease;transform:scale(1.2)}.search input{border-radius:30px;height:60px;background:transparent;outline:none;border:none;padding:5px;color:#fff;font-size:20px;width:220px}input::placeholder{color:#fff}.weather-image{display:flex;justify-content:center}.weather-image img{width:120px;height:120px}.tempearture{display:flex;justify-content:center;color:#fff;margin-top:10px;font-size:40px}.notfound{margin:20px;flex-direction:column;align-items:center;color:#fff}.notfound img{width:300px;height:300px}.tempearture p{display:inline}.description{justify-content:center;display:flex;color:#fff;font-size:20px}.weatherbody{display:flex;flex-direction:column;gap:25px;margin-top:25px;align-items:center;justify-content:center}.other img{width:40px;height:40px;padding:5px}.other{display:flex;flex-direction:row;width:360px;margin-top:30px;margin-left:10px;color:#fff}.humidity{display:flex;flex-direction:column;width:160px}.windy{display:flex;flex-direction:column}#humid:hover{cursor:pointer;animation:drip .5s;animation-delay:.5s}@keyframes drip{0%{transform:translateY(-30px)}to{transform:translateY(25px)}}#wind:hover{cursor:pointer;animation:speed .5s;animation-delay:.5s}@keyframes speed{0%{transform:translate(-60px)}to{transform:translate(0)}}.shake{animation:shaking .2s}@keyframes shaking{0%{transform:translate(-20px);border:2px solid red}12.5%{transform:translate(0);border:2px solid red}32.5%{transform:translate(20px);border:2px solid red}50%{transform:translate(0);border:2px solid red}67.5%{transform:translate(-20px);border:2px solid red}75%{transform:translate(0);border:2px solid red}85.5%{transform:translate(20px);border:2px solid red}to{transform:translate(0);border:2px solid red}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .5s ease forwards}@media screen and (max-width:500px){.body{background:url(/assets/mobilewallpaper-CJEO4oBF.jpg) no-repeat center;background-size:160%}.container{margin:auto}}