.container,body{background-repeat:no-repeat;display:flex}body,ul{margin:0;padding:0}.col,.container,body{display:flex}body{height:100vh;color:#fff;font-size:16px;background-image:url('../img/background.jpg');align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica,helvetica neue,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.container{width:100%;height:calc(100vh - 120px);padding:30px 60px;background-image:url('../img/container-bg.png');background-size:cover;border-radius:30px;margin:30px;flex-direction:column}.logo,p{margin-bottom:10px}.logo{max-width:200px;padding-bottom:10px;border-bottom:2px solid #fff}ul{list-style-type:none;line-height:2}.col{height:100%;flex-direction:column;justify-content:space-evenly;margin-bottom:15vh}.city{position:fixed;z-index:999;bottom:0;right:0;width:75%;max-height:90vh}p{margin-top:0}a,a:hover,a:visited{color:inherit;text-decoration:none}.popup{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.popup .popuptext{visibility:hidden;width:160px;background-color:#14074e;color:#fff;text-align:center;border-radius:6px;padding:8px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-80px}.popup .popuptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#14074e transparent transparent}.popup .show{visibility:visible;-webkit-animation:1s fadeIn;animation:1s fadeIn}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width: 600px){.city{display:none}.col{margin-bottom:0}}