@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400&family=Work+Sans:wght@500&display=swap);.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}*{box-sizing:border-box}.App{align-items:center;background:#529cb9;color:#fff;display:flex;flex-direction:column;font:400 16px Montserrat,sans-serif;height:100vh;justify-content:center}@media screen and (max-width:992px){.App{font-size:calc(8px + 2vmin)}}.App .title{font:700 56px Work Sans,sans-serif;margin:0 auto}@media screen and (max-width:992px){.App .title{font-size:6vmin}}.App .weather-main{align-items:center;background:#085375;border:5px solid #add8e6;border-radius:2vmax;color:#fff;display:flex;flex-direction:column;height:80%;justify-content:space-between;padding:2vmin;width:80%}@media screen and (max-width:992px){.App .weather-main{font-size:2.5vmin}}.App .weather-main .menu-item{display:flex;justify-content:space-between;margin:0;padding-left:0;width:80%}.App .weather-main .menu-item .list-item{list-style:none;max-width:25%}.App .weather-main .menu-item .list-item .title-3{margin:0;text-align:center}.App .weather-main .menu-item .list-item img{height:auto;width:64px}@media screen and (max-width:768px){.App .weather-main .menu-item .list-item img{width:6vmin}}.App .weather-main .menu-item .list-item p{text-align:center}.App .weather-main .btn-round{background:#0000;border:1px solid #fff;border-radius:50%;cursor:pointer;display:block;height:40px;position:relative;width:40px}.App .weather-main .btn-round:after,.App .weather-main .btn-round:before{background-color:#fff;content:"";height:10px;left:59%;position:absolute;top:42%;transform:translateX(-50%) rotate(45deg);transition:transform .3s ease;width:1px}.App .weather-main .btn-round:after{left:42%}.App .weather-main .btn-round.active:before,.App .weather-main .btn-round:after{transform:translateX(-50%) rotate(-45deg)}.App .weather-main .btn-round.active:after{transform:translateX(-50%) rotate(45deg)}.input{border:none;border-radius:20px;color:#529cb9;display:inline-block;font-size:20px;line-height:120%;margin-top:3%;outline:none;padding:10px 40px 10px 20px;transition:all .5s ease-out}@media screen and (max-width:992px){.input{font-size:18px;padding:8px 0 8px 20px}}@media screen and (max-width:768px){.input{font-size:16px;padding:5px 0 5px 15px}}::placeholder{color:#085375;opacity:1}.pac-container{border:1px solid #add8e6;border-radius:2vmin}.pac-container:after{display:none}.pac-container .pac-item{color:#529cb9}.pac-icon{display:none}.pac-item-query{color:#529cb9;font:400 16px Montserrat,sans-serif}.pac-item-query span{color:#529cb9}.progress{background-color:#fff;border-radius:2px;display:block;height:4px;left:0;margin:0 auto;overflow:hidden;position:absolute;right:0;top:20%;width:60%}.indeterminate{animation:indeterminate 1.5s infinite;background-color:#add8e6;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes indeterminate{0%{left:-100%;width:100%}50%{left:25%;width:50%}to{left:100%;width:0}}.weather-today{align-items:center;animation:fadeInUp 1s ease forwards;display:flex;flex-direction:row;justify-content:space-between;opacity:0;transform:translateY(20px);width:80%}.weather-today .weather-icon,.weather-today .weather-title{flex:calc(33.33333% - 0.66667rem) 1;text-align:center}.weather-today .weather-more{flex:calc(33.33333% - 0.66667rem) 1;padding-left:10%}.weather-today .weather-more .text{margin:1%}.weather-today .weather-more .text span{font-weight:700}@media screen and (max-width:992px){.weather-today .weather-more .text span{display:block}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.a8ca78bc.css.map*/