p,h1,h2{margin:0;padding:0}body{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:55px;padding:15px;box-sizing:border-box;color:#f2eded;font-size:20px;font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-image:url(/WeatherApp/assets/1636966546_3-bogatyr-club-p-fon-vremena-goda-3-9dfc7988.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.card__container{border-radius:15px;border:2px solid black;background-color:#28272780;width:80vw;height:350px;padding:20px;display:flex;flex-direction:column;justify-content:center;visibility:hidden}.search{display:flex;justify-content:center;align-items:center;gap:15px;width:80vw}.search__input{outline:none;width:250px;height:15px;padding:8px;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:#80808080;border:2px solid black;box-shadow:4px 5px 4px 3px #0a0a0abf;color:#000}.search__input::placeholder{color:#000;font-weight:6x00}.search__button{border-radius:8px;width:35px;height:34px;display:flex;justify-content:center;align-items:center;background-color:#80808080;border:2px solid black;box-shadow:4px 5px 4px 3px #0a0a0abf}.weather__container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.weather__text-range{font-size:16px}.condition{text-align:center;margin-bottom:20px}.condition-img{width:80px;height:80px}.weather__temp{font-size:28px;margin-bottom:5px}.condition-text{font-size:18px}.condition-date{font-size:14px;margin-bottom:5px}.condition-more__container{display:flex;width:100%;max-width:400px;justify-content:center;align-items:center;flex-wrap:wrap}.condition-more__details{width:35%;height:50%;display:flex;justify-content:start;align-items:center;gap:10px;font-weight:200;padding:2px 0 1px 15px}.condition-more__details:first-child{border-bottom:1px dashed #f2eded}.condition-more__details:nth-child(3){border-right:1px dashed #f2eded}.condition-more__details:nth-child(2){border-left:1px dashed #f2eded;border-bottom:1px dashed #f2eded}.condition-more__text{font-size:12px}.condition-more__value{font-size:16px}.card__detailsContainer{height:220px;justify-content:center;align-items:center}.details,.future{display:flex;width:100%;gap:3px;justify-content:center}.details{padding-bottom:5px;border-bottom:1px dashed #f2eded;max-width:350px}.details__col,.future__col{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:calc((100%-1px * 4) / 5)}.details__hour,.future__day,.details__text,.details__temp,.future__text,.future__temp{font-size:12px}.future__temp{text-align:center}.future__img,.details__img{width:100%}.loader{width:20px;height:20px;display:block;margin:40px auto 20px;border-radius:50%;background:#a4ece4;border:5px solid #fff;position:relative;box-sizing:border-box}.loader:before{content:"";position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:8px;height:40px;border:2px solid #fff;border-bottom:none;background:#fff;color:#a4ece4;border-radius:50px 50px 0 0;box-shadow:0 0 inset;box-sizing:border-box;animation:animloader 6s linear infinite}@keyframes animloader{0%{box-shadow:0 0 inset}to{box-shadow:0 -80px inset}}@media screen and (min-width: 765px){.card__container{width:500px;height:350px}.card__detailsContainer{height:250px}.details__hour{font-size:14px}.future__temp{text-align:left}}