@import url(https://fonts.googleapis.com/css?family=Roboto);:root{--primary-color:#69a9ad;--secondary-color:#54aab0;--dark-color:#333;--light-color:#f4f4f4}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:"Roboto",sans-serif;font-size:1rem;line-height:1.6;background-color:#fff;color:#333;min-height:100%}a{color:#69a9ad;color:var(--primary-color);text-decoration:none}ul{list-style:none}h2,h3{color:#54aab0;color:var(--secondary-color);margin:.5rem auto .3rem}.App{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;width:100%;margin:0 auto;overflow:hidden;padding:.5rem 2rem 2rem}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:2rem auto;min-height:12rem}.bar{background-color:#69a9ad;background-color:var(--primary-color);color:#f4f4f4;color:var(--light-color);width:100%;padding:.7rem 2rem;opacity:.9}.nav{justify-content:space-between;align-items:center;margin:0 auto;max-width:1200px}.nav,.nav ul{display:flex}.nav a{color:#fff;padding:.45rem;margin:0 .25rem}.nav a:hover{color:#333;color:var(--dark-color)}.footer{margin:auto 0 0;min-height:2rem}.footer p{text-align:center;padding:.45rem}.search-container{display:flex}.search-form{width:60%;padding:1rem;text-align:center}.search-form .search-options{text-align:center;display:flex;justify-content:space-evenly;align-items:center}.search-options li{cursor:pointer;padding:.45rem}.search-options .selected{color:#69a9ad;color:var(--primary-color);font-weight:600}.search-form input{margin:1rem auto}.search-form input[type=text]{display:block;width:90%;padding:.4rem;font-size:1.2rem;border:1px solid #d7d6d2}.search-form input[type=button],.search-form input[type=submit]{font:inherit}.weather-card{width:40%;height:auto;padding:1rem;text-align:center}.card-list{justify-content:space-evenly;flex-wrap:wrap;width:100%}.card,.card-list{display:flex;align-items:center;padding:1rem}.card{border:1px dotted #c4c4bc;margin:.7rem auto 0;flex-direction:column;justify-content:center;flex:0 1 330px;height:25rem;text-align:center}.card a{margin:1rem auto}.place-container{display:flex;width:100%;margin:1rem auto}.place-section{width:50%;padding:2rem;text-align:center}.place-section h2{margin:1rem auto}.leaflet-container{width:400px;height:400px;margin:3rem auto 0}.btn{display:inline-block;padding:.4rem 1.3rem;font-size:1rem;border:none;cursor:pointer;outline:none;transition:opacity .2s ease-in}.btn:hover{opacity:.8;color:#69a9ad;color:var(--primary-color)}.btn-form{width:45%;margin:0 auto}.primary,.secondary{background:#69a9ad;background:var(--primary-color);color:#f4f4f4;color:var(--light-color)}.light{background:#f4f4f4;background:var(--light-color);color:#333;color:var(--dark-color)}.dark{background:#333;background:var(--dark-color);color:#f4f4f4;color:var(--light-color)}.loader{display:flex;justify-content:center;align-items:center;margin:0 auto}.loader>span{background:#54aab0;background:var(--secondary-color);border-radius:50%;margin:5rem .5rem;-webkit-animation:bouncingLoader .6s infinite alternate;animation:bouncingLoader .6s infinite alternate}.loader>span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loader>span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes bouncingLoader{0%{width:.1rem;height:.1rem;opacity:1;transform:translate3d(0)}to{width:1rem;height:1rem;opacity:.1;transform:translate3d(0,-1rem,0)}}@keyframes bouncingLoader{0%{width:.1rem;height:.1rem;opacity:1;transform:translate3d(0)}to{width:1rem;height:1rem;opacity:.1;transform:translate3d(0,-1rem,0)}}@media (max-width:992px){.nav{display:block}.nav,.nav ul{text-align:center}.nav ul{justify-content:center}.search-container{display:flex;flex-direction:column}.search-form,.weather-card{width:100%}.card{flex:1 1 330px}.place-container{flex-direction:column}.place-section{width:100%}.leaflet-container{width:350px;height:350px;margin:1rem auto 0}}@media (max-width:756px){.search-form input[type=text]{width:90%}.btn-form{width:50%}.card-list{padding:0}.place-section{padding:.75rem}.leaflet-container{width:300px;height:300px}}
/*# sourceMappingURL=main.ba7ac847.chunk.css.map */