body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{min-height:90vh;background-image:url(https://i.pinimg.com/originals/71/16/84/711684615dd0a46aabaabb525c5301c4.jpg)}.title-container{position:absolute;margin-left:30px;display:-webkit-flex;display:flex;-webkit-justify-content:left;justify-content:left;text-align:center}.title{padding-top:10px;font-size:15px;color:#fff;font-weight:400;text-transform:uppercase}.ar{font-weight:700;font-size:32px}.main-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.App{transition:.4s ease-out;border-radius:20px;box-shadow:1px 1px 10px 0 rgba(50,50,50,.75)}.App:hover{box-shadow:1px 5px 20px 0 rgba(50,50,50,.75)}.ddown-select-container{margin-top:40px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.humidity{margin-top:20px}#cities{width:500px;height:50px;font-size:16px;border-radius:25px;padding:10px;font-weight:300;border:none;box-shadow:0 4px 6px -1px rgb(0 0 0/10%),0 2px 4px -1px rgb(0 0 0/6%);margin-top:120px}select{outline:none}.weathercard-container{margin-top:70px;padding:100px;width:1200px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#2d323a;border-radius:20px;margin-bottom:70px}.weathercard-container:hover{box-shadow:0 0 6px 3px hsla(0,0%,100%,.73)}.cityname-temp-container{border-radius:20px;text-align:center}.date{margin-top:70px;color:#fff}.date,.location{text-align:center;font-size:26px}.location{font-family:"Poppins",sans-serif;color:#2d323a}.temp{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;font-size:56px;color:#fff;margin-right:80px}.extra-weather-datas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:60px 60px;gap:60px 60px}.weather-data{text-align:center;color:#fff;font-weight:400;font-size:22px;text-transform:uppercase}.weather-data-name{font-size:16px}.weather-icon{width:200px;height:200px;margin-right:20px}.sky-info{text-align:center;font-size:26px;color:#fff;font-weight:400}.main-daily-container{max-width:1200px;-webkit-justify-content:center;justify-content:center;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;margin-bottom:70px}.full-weather-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.daily-container{display:inline-block;min-width:150px;height:220px;background-color:#222831;text-align:center;margin:20px;border-radius:20px}.daily-container:hover{box-shadow:0 0 6px 3px hsla(0,0%,100%,.73)}.daily-icon{width:50px;height:50px}.daily-date{padding-top:20px;font-weight:400}.daily-date,.daily-time{font-size:16px;color:#fff}.daily-time{margin-bottom:20px}.daily-temp{color:#fff;margin-top:20px;font-size:25px}@media (max-width:1200px){.weathercard-container{width:70vw;-webkit-flex-direction:column;flex-direction:column}.main-daily-container{width:70vw}.title-container{position:inherit;-webkit-justify-content:center;justify-content:center;margin-left:0}#cities{margin-top:0}}@media (max-width:600px){.temp{font-size:24px}.extra-weather-datas{grid-template-columns:1fr 1fr;grid-gap:60px 60px;gap:60px 60px;margin-top:60px}#cities{max-width:300px}}@media (max-width:430px){.temp{-webkit-flex-direction:column;flex-direction:column;margin-right:0}.weathercard-container{padding:0 0 50px}}@media (max-width:340px){.extra-weather-datas{grid-template-columns:1fr}.date{font-size:20px}body{background-size:cover}}:root{--gradient:linear-gradient(135deg,#535353 10%,rgba(0,141,223,0.6627450980392157))}.container{border-radius:25px;box-shadow:0 0 70px -10px rgba(0,0,0,.2);background-color:#222831;color:#fff;height:100px}.weather-side{position:relative;height:100%;border-radius:25px;background-image:url(https://images.unsplash.com/photo-1559963110-71b394e7494d?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=675);background-size:cover;width:100px;box-shadow:0 0 20px -10px rgba(0,0,0,.2);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.weather-side:hover{-webkit-transform:scale(1.1) perspective(1500px) rotateY(10deg);transform:scale(1.1) perspective(1500px) rotateY(10deg)}.weather-gradient{position:absolute;width:100%;height:100%;top:0;left:0;background-image:linear-gradient(135deg,#535353 10%,rgba(0,141,223,.6627450980392157));background-image:var(--gradient);border-radius:25px;opacity:.9}
/*# sourceMappingURL=main.c1830509.chunk.css.map */