.header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Ubuntu,sans-serif;padding:24px 36px}.header--title{color:#ecf2f9;font-size:54px;font-weight:700}.header--desc{color:#ecf2f9;font-size:20px;margin-top:30px}.search-box{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:20px}.search-box--input{width:240px;padding:8px 12px;border:3px solid black;border-radius:8px;font-family:Ubuntu,sans-serif;font-size:22px}.search-box--input:focus{outline:none;border:3px solid #08d9d6}.search-box--btn{width:100px;padding:13px 12px;border:none;border-radius:8px;cursor:pointer;color:#ecf2f9;background-color:#4942e4;font-size:16px}.search-box--btn:hover{background-color:#4039ca}.card{width:400px;border:3px solid #0079ff;margin:50px auto;padding:30px;border-radius:12px}.card--header{display:flex;flex-direction:column}.card--header .weather-info{display:flex;align-items:center;justify-content:start;gap:20px}.card--header .weather-info-type{font-family:Ubuntu,sans-serif;color:#ecf2f9;font-size:20px}.card--header .weather-degree{font-family:Ubuntu,sans-serif;color:#ecf2f9;align-self:center;font-size:36px}.card--header .weather-degree span{color:#ff8400;font-size:28px}.card .weather-description{margin-top:20px;font-family:Ubuntu,sans-serif}.card .weather-description .location-name{font-size:32px;color:#ecf2f9}.card .weather-description .location-desc{font-size:18px;color:#bfbfbf;margin-top:20px}.error-message{font-family:Ubuntu,sans-serif;text-align:center;text-transform:uppercase;font-size:18px;color:#fc2947}.loading-container{width:250px;height:250px;padding:15px;display:flex;align-items:center;justify-content:center;margin:0 auto}.cloud{width:250px}.front{padding-top:45px;margin-left:25px;display:inline;position:absolute;z-index:11;animation:clouds 8s infinite;animation-timing-function:ease-in-out}.back{margin-top:-30px;margin-left:150px;z-index:12;animation:clouds 12s infinite;animation-timing-function:ease-in-out}.right-front{width:45px;height:45px;border-radius:50% 50% 50% 0%;background-color:#4c9beb;display:inline-block;margin-left:-25px;z-index:5}.left-front{width:65px;height:65px;border-radius:50% 50% 0%;background-color:#4c9beb;display:inline-block;z-index:5}.right-back{width:50px;height:50px;border-radius:50% 50% 50% 0%;background-color:#4c9beb;display:inline-block;margin-left:-20px;z-index:5}.left-back{width:30px;height:30px;border-radius:50% 50% 0%;background-color:#4c9beb;display:inline-block;z-index:5}.sun{width:120px;height:120px;background:-webkit-linear-gradient(to right,#fcbb04,#fffc00);background:linear-gradient(to right,#fcbb04,#fffc00);border-radius:60px;display:inline;position:absolute}.sunshine{animation:sunshines .8s infinite}@keyframes sunshines{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes clouds{0%{transform:translate(15px)}50%{transform:translate(0)}to{transform:translate(15px)}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#142850}.container{width:fit-content;display:flex;flex-direction:column;margin:0 auto}