@import url(https://fonts.googleapis.com/css?family=Poiret+One);@import url(https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.min.css);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}: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:url(/static/media/steven-kamenar-MMJx78V7xS8-unsplash.4db3b14e.jpg);height:100vh;min-height:100vh;display:grid;place-items:center}.widget{display:flex;height:400px;width:650px;flex-wrap:wrap;cursor:pointer;border-radius:20px;box-shadow:0 27px 55px 0 rgba(0,0,0,.3),0 17px 17px 0 rgba(0,0,0,.15)}.widget .weatherIcon{flex:1 1 100%;height:50%;border-top-left-radius:20px;border-top-right-radius:20px;background:#fafafa;font-family:weathericons;display:flex;align-items:center;justify-content:space-around;font-size:100px}.widget .weatherInfo{flex:0 0 70%;height:40%;background:#080705;display:flex;align-items:center;color:#fff}.widget .weatherInfo .temperature{flex:0 0 40%;width:100%;font-size:65px;display:flex;justify-content:space-around;margin-right:20px}.widget .weatherInfo .description{flex:0 1 60%;display:flex;flex-direction:column;width:100%;height:100%;justify-content:center}.widget .weatherInfo .description .weatherCondition{text-transform:uppercase;font-size:35px;font-weight:100}.widget .weatherInfo .description .place{font-size:15px}.widget .date{flex:0 0 30%;height:40%;background:#70c1b3;display:flex;justify-content:space-around;align-items:center;color:#fff;font-size:30px;font-weight:800;text-align:center}.widget .extra-temp{flex:1 1 100%;padding:5% 0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:#fafafa;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;font-size:100px}.widget .extra-temp p{font-size:25px;font-weight:600}.temp-info-minmax,.two-sided-section,.weather-extra-info{display:grid;grid-template-columns:repeat(2,1fr);text-align:center;align-items:center;color:#70c1b3}.widget .extra-temp .extra-info-leftside{text-align:left;font-weight:600;text-transform:capitalize;color:#080705;font-size:15px}.search{width:100%;position:relative;display:flex;justify-content:center}.searchTerm{width:50%;border:none;padding:16px;height:20px;border-radius:5px 0 0 5px;outline:none;font-size:18px}.searchTerm:focus{color:#00b4cc}.searchButton{width:80px;height:32px;border:none;background:#048b9c;text-align:center;color:#fff;border-radius:0 5px 5px 0;cursor:pointer;font-size:20px;outline:none;font-size:16px}.searchButton:hover{background-color:#17b8ce}.wrap{display:flex;justify-content:center;text-align:center;margin-top:-150px;margin-bottom:50px}@media only screen and (max-width:600px){.widget{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.searchBox{position:absolute;top:1%;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);background:#5f9ea0;height:60px;border-radius:40px;padding:10px}.searchBox:hover>.searchInput{width:280px;padding:.6px}.searchBox:hover>.SearchButton{background:#fff;color:#2f3640}.SearchButton{color:#fff;float:right;width:40px;height:40px;border-radius:50%;background:#2f3640;display:flex;justify-content:center;align-items:center;transition:.4s}.searchInput{border:none;background:none;outline:none;float:left;padding:0;color:#fff;font-size:16px;transition:.4s;line-height:40px;width:0}@media Screen and (max-width:620px){.searchBox:hover>.searchInput{width:150px;padding:.6px}}
/*# sourceMappingURL=main.bd87d6bf.chunk.css.map */