body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e2d4ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.day-background{background-image:url(https://gist.github.com/user-attachments/assets/ee138e10-ca12-42a6-864a-f24497cd04e5);background-size:cover}.night-background{background-image:url(https://gist.github.com/user-attachments/assets/1d40b297-74d3-49a8-9e44-f7e03e0c9bf3);background-size:cover}.main{align-items:center;display:flex;flex-direction:column;padding:20px}.maindata{display:flex;flex-direction:row;justify-content:space-around}@media (max-width:768px){.maindata{align-items:center;flex-direction:column}}@media (min-width:768px){.forecast{display:flex;flex-direction:column;margin-left:60px;margin-top:5%;width:100%}}.item{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.item button,.item input{border:1px solid #000;border-radius:15px;font-size:16px;height:30px;outline:none;padding:5px 10px;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out;width:auto}.item button:hover,.item input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.item button{background-color:#007bff;color:#fff;cursor:pointer}.item button:hover{background-color:#0056b3}.item button:active{background-color:#004085;box-shadow:inset 0 0 5px #007bff80}.card{align-items:center;background:radial-gradient(circle,#fff7b1 0,#fff0 71.88%),#fff;border-radius:23px;box-shadow:0 155px 62px #00000003,0 87px 52px #0000000d,0 39px 39px #00000017,0 10px 21px #0000001a,0 0 0 #0000001a;cursor:pointer;display:flex;flex-direction:column;margin:20px 0;max-width:350px;padding:20px;transition:all .8s cubic-bezier(.15,.83,.66,1);width:90%}.card:hover{margin-top:30px;transform:scale(1.05)}.container{align-items:center;display:flex;height:250px;justify-content:center;right:-35px;top:-50px;transform:scale(.7)}.cloud,.container{width:250px}.front{animation:clouds 8s infinite;animation-timing-function:ease-in-out;display:inline;margin-left:25px;padding-top:45px;position:absolute;z-index:11}.back{animation:clouds 12s infinite;animation-timing-function:ease-in-out;margin-left:150px;margin-top:-30px;z-index:12}.right-front{border-radius:50% 50% 50% 0;height:45px;margin-left:-25px;width:45px}.left-front,.right-front{background-color:#4c9beb;display:inline-block;z-index:5}.left-front{border-radius:50% 50% 0 50%;height:65px;width:65px}.right-back{border-radius:50% 50% 50% 0;height:50px;margin-left:-20px;width:50px}.left-back,.right-back{background-color:#4c9beb;display:inline-block;z-index:5}.left-back{border-radius:50% 50% 0 50%;height:30px;width:30px}.sun{background:linear-gradient(90deg,#fcbb04,#fffc00);border-radius:60px;display:inline;height:120px;position:absolute;width:120px}.sunshine{animation:sunshines 2s infinite}@keyframes sunshines{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes clouds{0%{transform:translateX(15px)}50%{transform:translateX(0)}to{transform:translateX(15px)}}.card-header{align-items:center;display:flex;flex-direction:column;gap:10px}.card-header span:first-child{color:#574d33a8;font-size:15px;font-weight:800;line-height:135%;word-break:break-all}.card-header span:last-child{color:#574d3354;font-size:15px;font-weight:700;line-height:135%}.temp{color:#574d33;font-size:64px;font-weight:700;line-height:77px}.temp-scale{align-items:center;background:#0000000f;border-radius:9px;display:flex;height:36px;justify-content:center;margin-top:10px;width:80px}.temp-scale span{color:#574d33a8;font-size:13px;font-weight:700;line-height:134.49%}.details{align-items:center;display:flex;flex-direction:column;gap:5px;margin-top:15px}.details p{color:#574d33a8;font-size:14px}.forecast{align-items:center;display:flex;flex-direction:column;width:100%}.forecast h3{margin-bottom:10px}.forecast-day{align-items:center;display:flex;flex-direction:column}.forecast-day,.h3{background:#fff;border-radius:15px;box-shadow:0 2px 5px #0000001a;margin:5px;max-width:300px;padding:10px;transition:transform .3s ease-in-out;width:90%}.forecast-day:hover{transform:scale(1.05)}.forecast-date{color:#007bff;font-size:14px;font-weight:700}.forecast-temp{color:#574d33;font-size:18px;font-weight:700;margin:5px 0}.forecast-desc{color:#574d33a8;font-size:14px}@media (max-width:768px){.card{width:90%}.forecast-day{max-width:none;width:100%}}
/*# sourceMappingURL=main.cdbdced1.css.map*/