#app{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}:root{--text-color:#fff;--primary-color:#7ab;--secondary-color:#b34;--background-color:#333;--background-alt-color:#666}html{scroll-behavior:smooth}body,html{height:100%}body{font-family:sans-serif;background-color:var(--background-color);color:var(--text-color)}#navbar{position:fixed;top:0;left:0;width:100%}#navbar ul{width:50%;padding:0;background:linear-gradient(90deg,var(--background-color),var(--primary-color),var(--background-color));margin:auto;display:flex}#navbar li{margin:0 20px;flex:1 1 200px;list-style-type:none;font-size:25px;text-align:center}#navbar a{display:block;padding:20px;height:80px;display:flex;justify-content:center;align-content:center;flex-direction:column;cursor:pointer}#navbar a:hover{background-color:var(--secondary-color)}#navbar img{display:block;max-width:178px;max-height:80px;min-width:134px;min-height:60px;width:100%;height:auto;margin:auto}main{height:80%;margin-top:120px;display:flex;flex-direction:column}.content{flex:1 0 auto}a{text-decoration:none;color:var(--text-color)}#footer{flex-shrink:0;width:100%;text-align:center}.footer-container{width:50%;height:100%;margin:auto;border-top:4px solid;border-top-color:var(--background-alt-color);-o-border-image:linear-gradient(90deg,var(--background-color),var(--primary-color),var(--background-color)) 1;border-image:linear-gradient(90deg,var(--background-color),var(--primary-color),var(--background-color)) 1}.footer-info{overflow:hidden}.footer-info div{width:33%;float:left}.footer-logo img{margin:10px}.footer-container a{margin:10px;height:90px;vertical-align:middle;cursor:pointer}.footer-links a{display:inline-block;height:36px;padding:4px;color:var(--text-color);background-color:var(--primary-color);border-radius:5px}.footer-links a img{vertical-align:middle}.footer-links a:hover{background-color:var(--secondary-color)}.footer-sitemap ul{text-align:center;list-style-type:none;padding:0}.footer-sitemap ul li{margin:10px;list-style-type:none;text-align:center}.footer-sitemap a{padding:4px;color:var(--text-color);background-color:var(--primary-color);border-radius:5px}.footer-sitemap a:hover{background-color:var(--secondary-color)}.copyright{font-size:14px;text-align:center}@media (max-width:1600px){#navbar ul,.footer-container{width:65%}}@media (max-width:1400px){#navbar ul{width:70%}#navbar li{margin:0 18px;flex:1 1 180px;font-size:24px}#navbar a{padding:18px;height:78px}#navbar img{max-width:134px;max-height:60px}.footer-container{width:70%}.footer-info div{width:33%}}@media (max-width:1200px){#navbar ul{width:75%}#navbar li{margin:0 16px;flex:1 1 160px;font-size:23px}#navbar a{padding:16px;height:76px}.footer-container{width:75%}.footer-info div{width:50%}}@media (max-width:1000px){#navbar ul{width:80%}#navbar li{margin:0 14px;flex:1 1 140px;font-size:22px}#navbar a{padding:14px;height:74px}.footer-container{width:80%}.footer-info div{width:50%}}@media (max-width:800px){#navbar ul{width:85%}#navbar li{margin:0 12px;flex:1 1 100px;font-size:21px}#navbar a{padding:12px;height:72px}.footer-container{width:85%}.footer-info div{width:50%}}@media (max-width:600px){#navbar ul{width:90%}#navbar li{margin:0 10px;flex:1 1 50px;font-size:14px}#navbar a{padding:10px;height:70px}.footer-container{width:90%}.footer-info div{width:100%}}@media (-webkit-min-device-pixel-ratio:2),(max-width:400px),(min-resolution:2dppx){#navbar ul{width:100%}#navbar li{margin:0 10px;flex:1 1 10px;font-size:14px}#navbar a{padding:2px;height:70px}#navbar img{display:block;max-width:134px;max-height:60px;min-width:35px;min-height:15px;width:100%;height:auto;margin:auto}.footer-container{width:90%}.footer-info div{width:100%}}[data-v-5ca4e822]:root{--text-color:#fff;--primary-color:#7ab;--secondary-color:#b34;--background-color:#333}a[data-v-5ca4e822]{display:inline-block;height:36px;padding:4px;color:var(--text-color);background-color:var(--primary-color);border-radius:5px}a img[data-v-5ca4e822]{vertical-align:middle}a[data-v-5ca4e822]:hover{background-color:var(--secondary-color)}#games[data-v-5ca4e822]{width:50%;margin:auto;font-size:25px;display:flex;min-height:80vh}#games[data-v-5ca4e822],.game[data-v-5ca4e822]{flex-direction:column;justify-content:center;align-items:center}.game[data-v-5ca4e822]{margin:0 0 3em;padding:10px;text-align:center;overflow:hidden}.game-image img[data-v-5ca4e822]{max-width:100%;height:auto}.game-left[data-v-5ca4e822]{float:left;width:49%}.game-right[data-v-5ca4e822]{float:right;width:49%}.meta-info[data-v-5ca4e822]{text-align:center;font-size:14px}.links a[data-v-5ca4e822]{display:inline-block;padding:10px;margin:5px;background-color:var(--primary-color);border-radius:5px}.links a img[data-v-5ca4e822]{vertical-align:middle}.links a[data-v-5ca4e822]:hover{background-color:var(--secondary-color)}@media (max-width:1600px){#games[data-v-5ca4e822]{width:65%}}@media (max-width:1400px){#games[data-v-5ca4e822]{width:70%;font-size:24px}}@media (max-width:1200px){#games[data-v-5ca4e822]{width:75%;font-size:23px}}@media (max-width:1000px){#games[data-v-5ca4e822]{width:80%;font-size:22px}}@media (max-width:800px){#games[data-v-5ca4e822]{width:85%;font-size:21px}}@media (-webkit-min-device-pixel-ratio:2),(max-width:600px),(min-resolution:2dppx){#games[data-v-5ca4e822]{width:90%;font-size:20px}.game-left[data-v-5ca4e822],.game-right[data-v-5ca4e822]{float:left;width:100%}}#welcome[data-v-02d8e45b]{font-size:25px}#mailinglist[data-v-00be57c8]{width:50%;margin:auto;font-size:25px}a[data-v-00be57c8]{display:inline-block;height:36px;padding:4px;color:var(--text-color);background-color:var(--primary-color);border-radius:5px}a img[data-v-00be57c8]{vertical-align:middle}a[data-v-00be57c8]:hover{background-color:var(--secondary-color)}#contact[data-v-10668765]{width:50%;margin:auto;font-size:25px}a[data-v-10668765]{vertical-align:middle;cursor:pointer;padding:0 2px;color:var(--text-color);background-color:var(--primary-color);border-radius:5px}a[data-v-10668765]:hover{background-color:var(--secondary-color)}@media (max-width:1600px){#contact[data-v-10668765]{width:65%}}@media (max-width:1400px){#contact[data-v-10668765]{width:70%;font-size:24px}}@media (max-width:1200px){#contact[data-v-10668765]{width:75%;font-size:23px}}@media (max-width:1000px){#contact[data-v-10668765]{width:80%;font-size:22px}}@media (max-width:800px){#contact[data-v-10668765]{width:85%;font-size:21px}}@media (max-width:600px){#contact[data-v-10668765]{width:90%;font-size:20px}}@media (-webkit-min-device-pixel-ratio:2),(max-width:400px),(min-resolution:2dppx){#contact[data-v-10668765]{width:100%;font-size:20px}}