*{box-sizing:border-box;margin:0;padding:0}body{font-family:montseratt,sans-serif}.app{background-image:url(../../static/media/cold-bg2.3b210c615cfae2c3c8ac.jpg);background-position:bottom;background-size:cover;margin-left:auto;margin-right:auto;transition:all .6s ease-out}.app.cold{background-image:url(../../static/media/cold-bg3.b204e371f0a1d7524432.jpg)}.app.warm{background-image:url(../../static/media/warm-bg2.f9b68ae7b44e95f85307.jpg)}main{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));min-height:100vh;padding:25px}.search-box{margin:auto auto 5rem;max-width:500px;width:100%}.search-box .search-bar{-webkit-appearance:none;appearance:none;background:none;background-color:hsla(0,0%,100%,.5);border:none;border-radius:16px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;display:block;font-size:20px;outline:none;padding:15px;transition:.4s ease;width:100%}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.75)}.location-box .location{color:#fff;font-size:32px;font-weight:500;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-box .date{color:#fff;font-size:20px;font-style:italic;font-weight:300;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.weather-box{text-align:center}.weather-box .temp{background-color:hsla(0,0%,100%,.2);border-radius:16px;box-shadow:3px 6px rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:102px;font-weight:900;margin:30px auto;padding:15px 25px;position:relative;text-align:center;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .weather{color:#fff;font-size:48px;font-weight:700}.weather-box .weather,.weather-feels{text-shadow:3px 3px rgba(50,50,70,.5)}.weather-feels{font-size:18px}#initialMessage,.error{background-color:hsla(0,0%,100%,.8);border-radius:5px;color:red;font-size:20px;margin:auto;max-width:500px;padding:10px;text-align:center;width:86%}#initialMessage{background-color:rgba(50,50,70,.5);color:#fff}.linksCities{background-color:rgba(50,50,70,.8);border:1px solid gray;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin-bottom:5px;padding:10px}.linksContainer{margin-left:auto;margin-right:auto;max-width:500px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.4a9d8791.css.map*/