*{margin:0;padding:0;box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}body{width:100vw;height:100svh;display:flex;justify-content:center;align-items:center;background-color:#333}.app-container{background-color:#fff;padding:20px;border-radius:5px;max-width:450px;margin:auto 10px;box-shadow:0 0 10px #000000e6}.search-field{border:2px solid #70c6ff;display:flex;align-items:center;border-radius:8px;padding:3px}.search-field img:hover{cursor:pointer}.app-container input{width:90%;padding:8px 15px;font-size:20px;border:none;font-weight:500}.app-container input:focus{outline:0}.weather-app{text-align:center}.image{margin:15px 0 5px;padding:10px;text-align:center}.country,.temperature,.location{margin:5px;text-transform:uppercase}.temperature{font-size:30px}.location{font-size:35px;color:#ffc800;font-weight:500}.country{font-weight:500;font-size:18px;margin-bottom:15px}.quardinates{display:flex;justify-content:center;column-gap:40px}.quardinates .lan span,.quardinates .lon span{display:block;margin-bottom:5px;font-weight:500;color:#555;font-size:14px}.quardinates .lan span:nth-child(2),.quardinates .lon span:nth-child(2){color:#000;font-size:18px}.wind-conditions{margin-top:10px;display:flex;justify-content:space-between}.wind-conditions .humidity span,.wind-conditions .windspeed span{display:block}.wind-conditions .humidity span:nth-child(2),.wind-conditions .windspeed span:nth-child(2){font-size:18px;margin-bottom:3px}.wind-conditions .humidity span:nth-child(3),.wind-conditions .windspeed span:nth-child(3){font-size:11px}.wind-conditions .humidity{margin-left:10px}.wind-conditions .windspeed{margin-right:10px}footer{margin-top:15px;font-size:11px}footer span{font-weight:600}.loading,.city-not-found{text-align:center;font-size:25px;font-weight:500;margin:25px auto 10px}.loading{width:35px;height:35px;border:5px solid #f3f3f3;border-top:5px solid #147cc2;border-left:5px solid #147cc2;border-radius:50%;animation:loading 1s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
