@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,500;0,600;1,400;1,500&display=swap);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}body{background:url(https://images.pexels.com/photos/1118873/pexels-photo-1118873.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260) no-repeat 50%;background-size:cover;min-height:100vh;height:auto;width:100%;box-sizing:border-box;scroll-behavior:smooth}.search-box{padding:0 20px;text-align:center;position:sticky;top:0;z-index:10;display:flex;height:100px;max-width:700px;margin:auto}.search-bar{box-sizing:border-box;padding:10px;height:50px;width:80%;color:#fff;font-size:20px;text-align:center;background-color:hsla(0,0%,100%,.2);border-bottom:2px solid;border-left:5px solid;border-right:5px solid;box-shadow:2px 2px hsla(0,0%,100%,.5);border-radius:0 0 10px 10px;outline:none}.search-bar::-webkit-input-placeholder{color:#fff}.search-bar:-ms-input-placeholder{color:#fff}.search-bar::placeholder{color:#fff}.submit{position:absolute;background-color:#ff2b2b;color:#fff;right:0;font-size:20px;margin-top:60px;padding:10px;width:30%;border-radius:0 15px 15px 15px}.wrapper{margin-top:20px;padding:0 10px;transition:all .5s ease-in-out;color:#fff}.location-wrapper{font-size:32px;font-weight:800;font-style:italic;text-align:center;text-shadow:6px 6px rgba(0,50,70,.2)}.date,.location{display:block;margin:auto}.wrap-flex{display:flex;justify-content:space-around}.other-details{justify-content:center;background-color:#f3f4ed;padding:20px;border-radius:20px;display:inline-block;margin:auto 10px}.other-items{list-style:none;font-family:"EB Garamond",serif;font-size:30px;opacity:.5;color:#000}.weather-wrapper{flex:0.8 1;text-align:center}.weather-wrapper .Temp{position:relative;display:inline-block;margin:30px auto;background-color:hsla(0,0%,100%,.2);border-radius:16px;color:#fff;padding:15px 25px;font-size:102px;font-weight:900;text-shadow:3px 6px rgba(50,50,70,.5);box-shadow:3px 6px rgba(0,0,0,.2)}.temp-icon{width:30px;margin-left:10px}p{font-size:30px}.weather-icon{height:100px}h4{display:inline-block;font-size:20px;margin:0 20px 0 0}@-webkit-keyframes increase{0%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes increase{0%{opacity:0;width:0}to{opacity:1;width:100%}}@-webkit-keyframes move{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes move1{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move1{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes move2{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move2{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.weather-wrapper .weather{margin:10px auto;font-size:40px;font-weight:700;text-shadow:3px 3px rgba(50,50,70,.2)}@media screen and (max-width:700px){*{font-size:30px}.search-box{display:flex;justify-content:center}.search-bar{width:100%}.submit{right:auto;width:80%;border-radius:10px}.submit,.wrapper{margin-top:60px}.weather-wrapper .Temp{font-size:60px}.wrap-flex{flex-direction:column}.other-details{margin:20px auto 150px}.other-items{font-size:20px}}.footer{height:100px;position:fixed;width:100%;bottom:0;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center}img{width:100px;height:50px}h4{margin:10px;opacity:.5}@media screen and (max-width:700px){img{width:70px;height:40px}h4{font-size:15px}}
/*# sourceMappingURL=main.8bbfae9b.chunk.css.map */