@import url(https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.12/css/weather-icons.min.css);@import url(https://fonts.googleapis.com/css2?family=Inter&family=Lato&family=Libre+Baskerville&family=Merriweather:wght@700&family=Work+Sans&display=swap);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}: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-image:linear-gradient(180deg,#000,#052c3d)!important;height:100vh;place-items:center}.widget{background-color:hsla(0,0%,100%,.8);border-radius:20px;box-shadow:0 27px 55px 0 hsla(0,4%,87%,.3),0 17px 17px 0 hsla(0,0%,98%,.15);cursor:pointer;display:flex;flex-direction:column;height:450px;width:650px}.iconwrapper{display:flex;justify-content:center;padding:50px}.background{height:100vh}.weatherIcon{font-size:100px}.weatherInfo{display:flex}.temperature{font-size:50px}.description{margin-left:60px}.weatherCondition{font-size:40px}.place{font-size:15px}.search{display:flex;height:31px;justify-content:center;margin-bottom:20px}.searchTerm{border:none;border-radius:10px 0 0 10px;margin-left:150px;padding:10px}.searchTerm:active{border:none}.searchButton{align-items:center;border-radius:0 10px 10px 0;display:flex;height:28px;justify-content:center;margin-left:0;margin-top:-1px}.row-2{display:flex}.weatherInfo{background-color:rgba(0,0,0,.3);color:#fff;width:70%}.date,.weatherInfo{font-size:20px;padding:50px}.date{background-color:#57bd84;color:#000;width:30%}.extra-temperature{display:flex;justify-content:space-between}.twosided{display:flex;justify-content:space-around;width:25%}.left1{color:#57bd84;width:30%}.right1{font-size:12px;margin-left:10px;width:70%}@media screen and (max-width:1024px){body{height:150vh}.wrap{display:flex;justify-content:center;width:297px}.background{width:400px}.weatherInfo{display:flex;flex-direction:column;justify-content:center}.description{margin:0}.widget{height:500px;width:400px}.date{background-color:#57bd84;color:#000;font-size:15px;padding:150px 0 0 20px!important;width:30%}}@media (max-width:768px){.searchTerm{margin:0}.weatherInfo{display:flex;flex-direction:column;justify-content:center}.description{margin:0}.date{background-color:#57bd84;color:#000;font-size:15px;padding:150px 0 0 20px!important;width:30%}.widget{height:520px}.wrap{display:flex;justify-content:center;width:420px}}@media(max-width:576px){.widget{margin-top:50px;width:280px}.container{padding:10px!important}.background{flex-direction:column;width:0}.background,.wrap{display:flex;justify-content:center}.wrap{width:280px}.date{font-size:12px}.search{display:flex;flex-wrap:wrap;height:31px;justify-content:center;margin-bottom:20px}.searchTerm{border:none;border-radius:10px;margin-bottom:20px;padding:10px}.searchButton{align-items:center;border-radius:10px;display:flex;height:28px;justify-content:center;margin-left:70px;margin-top:-1px}}*{box-sizing:border-box;font-family:Work Sans,sans-serif;margin:0;padding:0}html{color:#60657b}body{align-self:center;background:#fff}.container{margin-top:80px;padding:30px}h2{color:#2b2d38;font-family:Merriweather,serif;font-size:48px;letter-spacing:-.2px}h2,p{text-align:center}p{margin-bottom:100px;margin-top:24px;max-width:50rem}.main-content{background:#fff;border:.5px solid #e7e9f5;border-radius:16px;box-shadow:0 12px 48px 0 rgba(109,117,141,.2);height:auto;max-width:50rem;min-height:400px;padding:18px 18px 120px;position:relative;resize:none}.main-content:focus{border:.3px solid rgba(43,45,56,.3);outline:none}.main-content,p{font-size:18px;letter-spacing:1px;line-height:1.6;word-spacing:2px}.btn-style,button{display:flex}button{background:#11a683;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;letter-spacing:1px;margin:-80px auto auto;padding:16px 32px;position:relative}button:focus,button:hover{background:#2ac9a4;box-shadow:0 5px 30px 0 rgba(0,0,0,.1)}.counter-container{display:flex;justify-content:space-between;margin-top:30px}@media screen and (max-width:768px){.container{margin-top:20px}h2{font-size:28px}p{margin-bottom:40px;margin-top:15px}.main-content,p{font-size:16px;word-spacing:normal}button{font-size:16px;margin-top:-70px}.counter-container{flex-direction:column}.counter-container p:first-child{margin-bottom:0}}
/*# sourceMappingURL=main.934ae7c0.css.map*/