@import url(https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}*{box-sizing:border-box;margin:0;padding:0}:root{--rad:0.7rem;--dur:0.3s;--color-dark:#2f2f2f;--color-light:#fff;--color-brand:#57bd84;--font-fam:"Lato",sans-serif;--height:5rem;--btn-width:6rem;--bez:cubic-bezier(0,0,0.43,1.49)}body{background-color:#f5f5f5;background:#2f2f2f;background:var(--color-dark);display:grid;height:100vh;min-height:100vh;place-items:center}.search{display:flex;justify-content:center;position:relative;width:100%}.searchName{border:none;border-radius:5px 0 0 5px;font-size:18px;height:20px;outline:none;padding:16px;width:50%}.searchName:focus{color:#00b4cc}.searchButton{background:#048b9c;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-size:20px;font-size:16px;height:32px;outline:none;text-align:center;width:80px}.searchButton:hover{background-color:#17b8ce}.wrap{display:flex;justify-content:center;margin-bottom:50px;margin-top:-150px;text-align:center}.widget{border-radius:20px;box-shadow:0 27px 55px 0 rgba(0,0,0,.3),0 17px 17px 0 rgba(0,0,0,.15);cursor:pointer;display:flex;flex-wrap:wrap;height:400px;width:650px}.widget .weatherIcon{align-items:center;background:#fafafa;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex:1 1 100%;font-family:weathericons;font-size:100px;height:50%;justify-content:space-around}.widget .weatherInfo{align-items:center;background:#080705;color:#fff;display:flex;flex:0 0 70%;height:40%}.widget .weatherInfo .temperature{display:flex;flex:0 0 40%;font-size:65px;justify-content:space-around;margin-right:20px;width:100%}.widget .weatherInfo .description{display:flex;flex:0 1 60%;flex-direction:column;height:100%;justify-content:center;width:100%}.widget .weatherInfo .description .weatherCondition{font-size:35px;font-weight:100;text-transform:uppercase}.widget .weatherInfo .description .place{font-size:15px}.widget .date{align-items:center;background:#70c1b3;color:#fff;display:flex;flex:0 0 30%;font-size:30px;font-weight:800;height:40%;justify-content:space-around;text-align:center}.widget .extra-temp{align-items:center;background:#fafafa;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:grid;flex:1 1 100%;font-size:100px;grid-template-columns:repeat(2,1fr);padding:5% 0}.widget .extra-temp p{font-size:25px;font-weight:600}.temp-info-minmax,.two-sided-section,.weather-extra-info{align-items:center;color:#70c1b3;display:grid;grid-template-columns:repeat(2,1fr);text-align:center}.widget .extra-temp .extra-info-leftside{color:#080705;font-size:15px;font-weight:600;text-align:left;text-transform:capitalize}@media (max-width:767px){.widget{height:auto;width:100%}.widget .weatherIcon{font-size:70px;height:30%}.widget .weatherInfo{align-items:center;flex-direction:column;height:auto;justify-content:center;padding:20px}.widget .weatherInfo .temperature{font-size:45px;margin-bottom:10px}.widget .weatherInfo .description{font-size:20px;margin-top:10px;text-align:center}.widget .date{font-size:20px;font-weight:500;height:auto;padding:10px;text-align:center}.widget .extra-temp{align-items:center;font-size:50px;grid-template-columns:repeat(1,1fr);height:auto;justify-content:center;padding:20px}.widget .extra-temp p{font-size:16px}}@media (min-width:768px){.widget{height:400px;width:650px}.widget .weatherIcon{font-size:100px;height:50%}.widget .weatherInfo{align-items:center;flex-direction:row;height:40%;justify-content:space-between}.widget .weatherInfo .temperature{font-size:65px;margin-right:20px}.widget .weatherInfo .description{font-size:35px;margin-top:0;text-align:left}.widget .date{font-size:30px;font-weight:800;height:40%;text-align:center}.widget .extra-temp{font-size:100px;grid-template-columns:repeat(2,1fr);height:auto;padding:5% 0}.widget .extra-temp p{font-size:25px}}.glow{box-shadow:0 0 20px #64e3e7;transition:box-shadow 1s ease-in-out}.footer{align-items:center;background-color:#000;border-top:1px solid #fff;bottom:0;box-shadow:0 5px 10px #ff0;display:flex;height:80px;justify-content:center;left:0;position:fixed;width:100%}.icon-git,.icon-ldin,.icon-wesbite,.icon-yt{color:#fff;font-size:24px;margin:0 35px;transition:all .3s ease}.icon-yt:hover{color:red}.icon-git:hover,.icon-yt:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.icon-git:hover{color:#28a95e}.icon-ldin:hover{color:#2b37b7}.icon-ldin:hover,.icon-wesbite:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.icon-wesbite:hover{color:#e1e114}
/*# sourceMappingURL=main.f0ac2240.css.map*/