*{padding:0;margin:0;box-sizing:border-box}.five-day{padding:50px 0 0 50px;position:relative}.form{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:40px 30px;border:1px solid #000;border-radius:10px}.form__title{margin-bottom:10px;font-size:25px;text-align:center;font-style:italic}.form__input{height:30px;border-radius:3px 0 0 3px;border:1px solid #000;outline:none;padding-left:10px;letter-spacing:1px;width:200px}.form__input:focus{box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px transparent}.form__btn{height:30px;border-radius:0 3px 3px 0;border:1px solid #000;border-left:none;cursor:pointer;background-color:#6a5acd;color:#fff;padding:0 10px;transition:all .2s ease 0s}.form__btn:hover{background-color:green}.weather__top{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.weather__temp{font-size:65px}.weather__middle{display:flex;align-items:center;margin-top:20px}.weather__switch{margin:0 10px;align-self:flex-start;display:flex;grid-column-gap:7px;-webkit-column-gap:7px;column-gap:7px;font-size:22px}.weather__descr{color:#6a5acd;font-size:19px}.weather__switch-item{cursor:pointer}.weather__switch-item.active{color:red}.fiveDay{background-color:#6a5acd;color:#fff;border:#00f;margin:15px auto 0;display:block;padding:0 10px;border-radius:10px}.back,.fiveDay{height:40px;cursor:pointer}.back{position:fixed;top:50px;right:50px;width:120px}.buttons{padding-top:40px;display:flex;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px}.day-btn{padding:10px 20px;cursor:pointer}.weather__row{padding-top:40px;display:flex;grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px}.weather__card{padding:10px 15px;border-radius:6px;border:1px solid #000;text-align:center}.weather__card-time{font-size:20px;color:#6a5acd}.weather__card-temp{display:flex;justify-content:center;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;align-items:flex-end;margin:10px 0}.weather__card-descr{font-size:20px;color:#ff8c00}.vanta{position:fixed;z-index:0;height:100vh;color:#fff;background-color:#6a5acd;width:100%}
/*# sourceMappingURL=main.b7af19b1.chunk.css.map */