body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(https://images.unsplash.com/photo-1560017896-a6bf1e2acfb1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTR8fHdlYXRoZXIlMjBhcHB8ZW58MHx8MHx8&auto=format&fit=crop&w=500&q=60);background-size:cover;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}.App{align-items:center;display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;height:615px;margin-bottom:3%;margin-top:3%;text-align:center}.App,.details{overflow:hidden}.details{background-color:hsla(0,4%,62%,.55);border-radius:15px;box-shadow:#000;margin:3% auto;padding:10px;width:55%}.title i{color:#312e2e}.title{color:#221f1f;font-size:35px;font-weight:700}.search-form .btn{padding-left:10px}.search-form input{background:#1a1919;border:1px solid #000;border-radius:10px;color:#fff;font-size:20px;height:35px;padding:5px 5px 5px 10px;width:50%}.search-form button{background:linear-gradient(45deg,#961b0d 30%,#302b26 60%);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px;padding:5px;width:10%}.search-form button:hover{background:linear-gradient(45deg,#aa4b41 30%,#423f3a 60%);color:#fff}.main-container{color:#0e0b0b;height:auto;margin-top:30px;text-align:center;width:100%}.main-container h4{font-size:25px;font-weight:900}.main-container .temperature-range h6{font-size:20px}@media only screen and (min-width:360px){.search-form input{width:60%}.search-form button{width:37%}.details{width:75%}}@media only screen and (min-width:470px){.search-form input{width:55%}.search-form button{width:30%}.details{width:65%}}@media only screen and (min-width:600px){.search-form input{width:60%}.search-form button{width:25%}.details{width:55%}}@media only screen and (min-width:770px){.search-form input{width:60%}.search-form button{width:18%}}@media only screen and (min-width:990px){.search-form input{width:60%}.search-form button{width:17%}}@media only screen and (min-width:1200px){.search-form input{width:60%}.search-form button{width:13%}}.temp h1{color:#0422b9;font-weight:900;-webkit-transform:scale(1.1);transform:scale(1.1);transition-duration:1s}.place h3,.temp h1{font-size:30px}.place h3 i{-webkit-animation:locationicon 2s infinite;animation:locationicon 2s infinite;margin-right:10px}@-webkit-keyframes locationicon{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes locationicon{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}
/*# sourceMappingURL=main.3ed6c9a9.css.map*/