footer{background-color:#344955;color:#fff;flex-direction:column;height:110px;text-align:center}.social,footer{display:flex;justify-content:center}.social{align-content:center;flex-direction:row}.social a:hover{transform:scale(1.15)}.social a img{height:30px;margin:10px;transition:all .3s ease-out;transition-duration:.8s;width:30px}h3{font-size:2em}form{align-items:center;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;justify-items:center}form .place-panel{display:flex;flex-direction:column;grid-area:1/1/2/-1}form .place-panel input{border-radius:5px;padding:6px 130px}form .place-panel #error-msg{color:red;display:none;margin-bottom:0;margin-top:7px;text-align:center}form .start-date-panel{display:flex;flex-direction:column;grid-area:2/1/3/2}form .start-date-panel input{border-radius:5px;padding:3px 25px}form .end-date-panel{display:flex;flex-direction:column;grid-area:2/2/3/-1}form .end-date-panel input{border-radius:5px;padding:3px 25px}form #submit{border-radius:15px;grid-area:3/1/-1/-1;padding:8px 25px;width:120px}form #submit:hover{background-color:#344955;box-shadow:2px 2px 3px #383838;color:#fff;cursor:pointer;font-weight:bolder}form div{margin-bottom:7px}form div label{font-weight:700}@media screen and (max-width:800px){.place-panel input{padding:6px 85px!important}.end-date-panel input,.start-date-panel input{padding:3px 9px!important}}.form{grid-area:1/1/2/-1;margin:0}.detail{background-color:hsla(0,0%,80%,.5);border-radius:20px;display:grid;display:none;grid-area:2/1/3/-1;grid-template-columns:1fr 1fr;grid-template-rows:70px auto;justify-items:center;margin:0 40px 30px;opacity:0;padding:0 20px}.background-img{display:grid;grid-area:1/1/-1/-1;grid-template-rows:repeat(7,auto);height:100%;width:100%;z-index:-1}body{font-family:Varela Round,"sans-serif";grid-template-rows:auto 110px;margin:0;max-height:100vh}body,main{display:grid}main{background-color:hsla(0,0%,80%,.5);grid-area:1/1/2/-1;grid-template-rows:auto 1fr;height:90vh;justify-items:center}footer{grid-area:2/1/3/-1;height:10vh}.none{display:none!important}@media screen and (max-width:800px){*{font-size:.95em}}.images{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;grid-area:1/1/-1/-1;justify-content:center;opacity:0;position:relative;text-align:center;z-index:-1}.menu-container{grid-area:1/1/2/-1;width:100%}.menu-container .menu-list{display:flex;flex-direction:row;font-weight:700;justify-content:flex-start}.menu-container .menu-list p{margin-right:30px;padding:7px 15px}.menu-container .menu-list p:hover{color:red;cursor:pointer}.menu-container .menu-list .--active-tab{background-color:#344955;border-radius:7px;color:#fff}#overview-container{align-items:center;display:grid;grid-area:2/1/-1/-1;grid-template-columns:1fr 1fr;grid-template-rows:repeat(7,auto);justify-items:stretch;padding:15px 40px}#overview-container #highlight{font-size:1.2em;font-weight:700}#overview-container #keys{font-weight:700}#overview-container p:first-child{grid-area:1/1/2/2}#overview-container p:nth-child(2){grid-area:2/1/3/2}#overview-container #flag{border-radius:15px;box-shadow:10px 5px 10px #1d1d1f;grid-area:1/2/-1/-1;justify-self:center;width:40vw}#overview-container p:nth-child(4){grid-area:3/1/4/2}#overview-container p:nth-child(5){grid-area:4/1/5/2}#overview-container p:nth-child(6){grid-area:5/1/6/2}#overview-container p:nth-child(7){grid-area:6/1/7/2}#overview-container p:nth-child(8){grid-area:7/1/-1/2}#weather-container{display:flex;flex-direction:column;grid-area:2/1/-1/-1;width:auto}#weather-container .forecast-summary-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#weather-container .forecast-summary-list .forecast-summary{align-items:center;background-color:#ccc;border-radius:15px;box-shadow:10px 5px 5px #777;display:flex;flex-direction:column;margin:0 10px;padding:7px}#weather-container .forecast-summary-list .forecast-summary div{margin:0 20px}#weather-container .forecast-summary-list .forecast-summary #weather-icon{height:80px;width:80px}#weather-container .forecast-summary-list .forecast-summary #date{font-size:1.15em;font-weight:700}#weather-container .forecast-detail-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:20px 0}#weather-container .forecast-detail-list .forecast-detail{align-items:center;display:flex;flex-direction:column}#weather-container .forecast-detail-list .forecast-detail div{margin:10px 5px}@media screen and (max-width:800px){#overview-container{display:flex;flex-direction:column;padding:15px 40px}#overview-container #flag{margin:15px 0;width:40vw}#overview-container p:nth-child(2){text-align:center}}.loader{align-items:center;display:flex;grid-area:2/1/3/-1;justify-content:center}.loader>span{animation:bounce .6s infinite alternate;background-color:#344955;border-radius:50%;display:inline-block;height:0;margin:0 8px;transform:translate3d(0);width:0}.loader>span:nth-child(2){animation-delay:.2s;background-color:#344955}.loader>span:nth-child(3){animation-delay:.4s}@keyframes bounce{to{height:16px;transform:translate3d(0,-16px,0);width:16px}}