*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/static/media/bg.58942533a5f532d2246d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;height:100vh;width:100vw}.App{flex-direction:column;height:100vh;overflow-x:hidden}.App,.upper-container{align-items:center;display:flex;justify-content:space-between;width:100%}.upper-container{color:#fff;padding:20px 20px 0}.middle-container{align-items:center;display:flex;justify-content:center;margin:30px 0;width:50vw}.lower-container{background-color:rgba(25,25,25,.6);margin-top:20px;padding:0 20px;width:100%}@media (max-width:900px){.upper-container{padding:20px 0 0}.middle-container{width:70vw}.lower-container{padding:0 10px}}@media (max-width:500px){.middle-container{width:100vw}.upper-container{display:grid;grid-template-columns:1fr 1fr}}.CurrentDataContainer{align-items:center;background:rgba(25,25,25,.7);border-radius:5px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px 30px;width:90%}.upper{display:flex;font-size:20px;font-weight:400;gap:1.5rem;justify-content:space-around;min-width:90%}.left{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.left span{font-weight:200;padding-left:5px}.date-temp{background-color:rgba(25,25,25,.8);border-radius:5px;font-size:30px;font-weight:400;margin-bottom:30px;padding:10px 30px;text-align:center}.lower{display:flex;justify-content:space-between;padding-top:20px;width:100%}.humidity,.sunrise,.sunset{font-size:25px;text-align:center}.humidity p,.sunrise p,.sunset p{font-size:18px}.sunset{text-transform:capitalize}@media (max-width:500px){.CurrentDataContainer{width:95%}.humidity,.sunrise,.sunset{font-size:20px}.humidity p,.sunrise p,.sunset p{font-size:14px}.CurrentDataContainer h6{font-weight:500}.date-temp{font-size:20px}.upper{gap:10px}}.date-container{text-align:center;width:25%}.date-container p{font-size:40px;font-weight:200}.date-container span{font-size:30px;padding-left:20px}.date-container h6{font-size:35px;font-weight:400}@media (max-width:900px){.date-container p{font-size:30px;font-weight:200}.date-container h6{font-size:25px;font-weight:400}}@media (max-width:500px){.date-container{grid-column:1/2;grid-row:1/2;width:100%}}.FutureDataContainer{color:#fff;display:flex;gap:5px;padding:30px 0;width:100%}@media (max-width:900px){.FutureDataContainer{grid-gap:5px;color:#fff;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:30px 0;width:100%}}.OneDayData{background-color:rgba(25,25,25,.7);border-radius:5px;padding:15px 10px;text-align:center;width:14.28%}.OneDayData h6{background-color:rgba(25,25,25,.9);font-size:16px;font-weight:200;margin:auto;width:80%}.OneDayData p{font-size:14px;padding-bottom:5px}.OneDayData span{font-weight:200;text-transform:capitalize}@media (max-width:900px){.OneDayData{width:100%}}.input-form{display:flex;gap:15px;justify-content:center;width:50%}input{border:1px solid #fff;border-radius:5px;font-size:18px;outline:none;padding:10px 15px;width:70%}.button{width:20%}.button button{background-color:rgba(0,255,234,.705);border:1px solid rgba(0,255,234,.705);border-radius:5px;color:#000;cursor:pointer;font-size:16px;height:100%;width:100%}button:hover{background-color:rgba(0,255,191,.945)}@media (max-width:500px){.input-form{grid-column:1/3;grid-row:2/3;margin-top:20px;width:100%}}.place-container{text-align:center;width:25%}.place-container p{font-size:30px;font-weight:200}.place-container h6{font-size:20px;padding-top:10px}@media (max-width:900px){.place-container p{font-size:22px;font-weight:200}.place-container h6{font-size:17px;padding-top:10px}}@media (max-width:500px){.place-container{grid-column:2/3;grid-row:1/2;width:100%}}
/*# sourceMappingURL=main.8c2697ec.css.map*/