body{margin:0;padding:0;width:100%;height:100%;font-family:Roboto,sans-serif;background-color:#eee}html{margin:0;padding:0;width:100%;height:100%;font-family:Roboto,sans-serif;background-color:#eee}@font-face{font-family:Audiowide;font-style:normal;font-weight:400;src:local("Audiowide Regular"),local("Audiowide-Regular"),url("../../build/fonts/audiowide-v16-latin-regular.woff2") format("woff2"),url("../../build/fonts/audiowide-v16-latin-regular.woff") format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url("../../build/fonts/roboto-v30-latin-300.woff2") format("woff2"),url("../../build/fonts/roboto-v30-latin-300.woff") format("woff")}header{height:90vh;z-index:20;color:#fff;position:relative;text-align:center;background-color:#000}header:before{content:"";height:100%;width:100%;display:block;background-color:#333;position:absolute;background-size:cover;background-position:center;opacity:.75;z-index:-1}header h1{text-align:center;top:40%;position:relative;font-family:Audiowide,cursive;font-size:60px;text-shadow:1px 2px 5px #000;margin:0}header h2{text-align:center;top:40%;position:relative;font-size:28px;text-shadow:1px 2px 5px #000}header .button{padding:8px 30px;border-radius:5px;border:solid 1px #767676;color:#fff;text-decoration:none;font-size:18px;background-color:#232323;position:relative;top:45vh;transition:all .1s ease-in-out}header .button:hover{background-color:#090909}@media(max-width: 768px){header h1{font-size:2em;top:20%}header h2{font-size:1.5em;top:20%}header .button{top:50vh}}.alert{display:block;position:absolute;z-index:100;width:400px;background-color:#fff;left:calc(50vw - 210px);top:2vh;padding:20px;border-radius:10px}.alert .alert-success{background-color:#5af95a}.alert .alert-error{background-color:red}#navigation-burger{cursor:pointer;width:56px;height:50px;position:absolute;top:40px;right:50px;z-index:100}#navigation-burger span{box-shadow:0px 0px 6px 2px rgba(0,0,0,.3);display:block;width:35px;height:2px;background-color:#fff;position:relative;transition:all .2s;top:14px;left:11px}#navigation-burger span:nth-child(2){top:22px}#navigation-burger span:nth-child(3){top:30px}#navigation-burger:hover span{box-shadow:0px 0px 6px 2px rgba(0,0,0,.5)}#navigation-burger.open span:nth-child(1){transform:rotate(45deg);top:24px}#navigation-burger.open span:nth-child(2){transform:rotate(-45deg)}#navigation-burger.open span:nth-child(3){opacity:0}menu{color:#fff;overflow:hidden;max-height:0px;list-style:none;padding:0;margin:0;position:absolute;top:100px;right:60px;font-size:1.5em;text-align:right;transition:linear .2s max-height;z-index:100}menu.open{max-height:1000px}menu li{padding-top:10px;padding-bottom:10px}menu li a{color:#fff;text-decoration:none;text-shadow:0 0 6px rgba(0,0,0,.5);transition:all .2s}menu li a:hover{text-shadow:0px 0px 6px #000}.tracks{margin-top:10px;margin-bottom:10px;height:470px;background-size:cover;background-position:center;position:relative}.tracks:after{content:"";width:100%;height:100%;display:block;background-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0.5) 100%);top:0}.tracks .track{height:470px;background-size:cover;background-position:center;background-attachment:fixed;position:relative}.tracks .track:after{content:"";width:100%;height:100%;display:block;background-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0.5) 100%);position:absolute;top:0}.tracks .track-info{width:50%;top:60px;right:0;position:absolute;color:#fff;z-index:10}.tracks .track-info h3{margin-bottom:0}.tracks .track-info label{font-size:larger;font-weight:600}.tracks .button{padding:8px 30px;border-radius:5px;border:solid 1px #767676;color:#fff;text-decoration:none;font-size:18px;background-color:#232323;position:relative;transition:all .1s ease-in-out;top:50px}.tracks .button:hover{background-color:#090909}@media(max-width: 1200px){.tracks .track-info{width:65%}}@media(max-width: 900px){.tracks .track-info{width:75%}}@media(max-width: 768px){.tracks:after{background:rgba(0,0,0,.5);background-image:none}.tracks .track-info{width:inherit;margin-left:15px;margin-right:15px;right:inherit}}select{font-size:24px;color:#fff;background-color:#232323;padding-top:.3rem;padding-right:.4rem;padding-bottom:.3rem;padding-left:.3rem}select#select-track{margin-top:2px}select#select-config{margin-top:2px}@media(max-width: 768px){select{font-size:18px}select#select-track{width:100%}}footer{background-color:#111;padding-top:10px;padding-bottom:10px;color:#fff;height:17px}footer div{width:80%;text-align:right;margin-left:auto;margin-right:auto}footer a{color:#fff;text-decoration:none}