@import url(https://fonts.googleapis.com/css2?family=Martel:wght@200;300;400;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap);body{box-sizing:border-box;margin:0;padding:0}.container{background-color:#fff;color:#060136;flex-direction:column;font-family:Poppins,sans-serif;justify-content:baseline;min-height:100vh}.container,.loading{align-items:center;display:flex;width:100%}.loading{font-size:40px;font-weight:900;height:100vh;justify-content:center}.date-soft{height:400px;justify-content:space-between;max-width:1410px;width:100%}.date-soft,.weather-content{align-items:center;display:flex}.weather-content{border:1px solid rgba(7,0,30,.2);border-radius:1.125rem;cursor:pointer;flex-direction:column;height:250px;justify-content:center;padding:45px 25px;transition:all .2s ease-in-out;width:180px}.weather-content:hover{background-color:rgba(92,0,167,.03);box-shadow:inset 0 0 2px .1px rgba(92,0,167,.262);transition:all .2s ease-in-out}.weather-content.active{background-color:rgba(92,0,167,.262);border:1px solid #5c00a7;box-shadow:inset 0 0 8px 1px rgba(92,0,167,.262)}.mid-header{font-size:24px;font-weight:600;margin:0}.mid-header,.mid-section{align-items:center;display:flex;justify-content:center;width:100%}.mid-section{height:150px}.mid-section .images{width:150px}.deg{align-items:baseline;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.deg .dark{font-size:2rem;font-weight:700;margin-right:10px}.deg .soft{color:rgba(40,40,40,.881);font-size:20px;font-weight:700}.mini-info{align-items:center;color:rgba(40,40,40,.881);font-size:16px;font-weight:600;height:30px;justify-content:space-around;margin-top:10px;width:100%}.header-content,.mini-info{display:flex;flex-direction:column}.header-content{align-items:baseline;height:250px;justify-content:center;width:1410px}.header{color:#21003c;font-size:35px;font-weight:700;text-align:center;width:100%}.weather-header-content{align-items:center;display:flex;flex-direction:row;height:100px;height:auto;justify-content:space-between;width:100%}.weather-header-content .header-mid-section{align-items:baseline;display:flex;flex-direction:column;height:150px;justify-content:center;width:600px}.header-mid-section .mid-section-div{align-items:baseline;background-color:rgba(92,0,167,.152);border-radius:10px;display:flex;flex-direction:row;height:130px;justify-content:space-between;padding:20px;width:550px}.mid-section-all-top{align-items:baseline;display:flex;flex-direction:column;justify-content:baseline;width:250px}.mid-section-top{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-left:10px;width:200px}.mid-section-top .mid-header{width:100px}.mid-section-bottom{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.mid-section-bottom span{font-size:2rem;font-weight:700;margin-right:10px}.mid-section-bottom .soft{color:rgba(40,40,40,.881);font-size:20px;font-weight:700}.mid-section-all-bottom{align-items:baseline;display:flex;flex-direction:column;height:110px;justify-content:space-around;width:250px}.mid-section-all-bottom span{font-size:18px;font-weight:400}.weather-info-div{font-size:24px;font-weight:600}.weather-info{align-items:baseline;border:1px solid rgba(0,0,0,.25);border-radius:10px;display:flex;flex-direction:column;height:100px;justify-content:space-around;margin:0;padding:15px 20px;width:210px}.weather-info h3{margin:0;padding:0}.form{align-items:baseline;border:1px solid #5c00a7;border-radius:10px;display:flex;flex-direction:column;height:100px;justify-content:baseline;padding:15px 20px;width:210px}.form label{color:#060136;font-size:20px;font-weight:700}.form select{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:30px;justify-content:center;outline:none;width:150px}.current-city{color:purple;font-size:20px;font-weight:600}.footer{background-color:#000;color:#fff;height:71px;justify-content:center;width:100%}.footer,.footer .footer-div{align-items:center;display:flex}.footer .footer-div{height:100%;justify-content:space-around;width:600px}.footer-div a{color:#fff;text-decoration:underline}.day-info{display:block;margin-left:20px}
/*# sourceMappingURL=main.c52892ff.css.map*/