*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%}body{background:#000;color:#fff;font-family:Old London,sans-serif}h1{font-size:3vw;text-shadow:7px 7px #000,2px 2px 5px #00008b}p{line-height:1.7;margin-top:1vw;text-shadow:3px 3px #000,2px 2px 5px #00008b}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.nav{font-size:2vw;z-index:2;width:100%;list-style-type:none;background-color:rgba(51,51,51,.5);position:fixed;top:0;transition:2s;-webkit-transition:2s;-moz-transition:2s}.nav:hover{background-color:#333}.nav a,a{font-weight:700;color:#fff}.nav a.router-link-exact-active{color:#969998}.nav a:link,.nav a:visited,.nav li,a:link,a:visited{text-decoration:none}.nav li{cursor:pointer;float:left;color:#fff;text-align:center;padding:14px 16px;border-right:1px solid #bbb}.nav li:hover{background-color:#000}.footer{width:100%;color:#fff;text-align:center;position:fixed;bottom:0;border-radius:5vw 5vw 0 0;font-size:1vw;transition:1s;-webkit-transition:1s;-moz-transition:1s;background:rgba(51,51,51,.5)}.footer:hover{background:#333}@media only screen and (max-width:568px){.nav{font-size:4vw}.nav li{float:none}}@media only screen and (max-width:980px){.nav{font-size:3vw}.nav li{float:none}}@media only screen and (min-width:1920px){.nav{font-size:4vw}}@media(orientation:landscape){.nav{font-size:3vw}}