html,body{margin:0;padding:0}body{color:#fff;background-color:#333;min-height:100vh;font-family:'Roboto', sans-serif;font-size:13pt;font-weight:400;font-style:normal}h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{color:unset;text-decoration:unset}#background{position:fixed;top:0;left:0;right:0;bottom:0}#background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}#main{height:100vh;position:relative;display:flex;flex-direction:column;justify-items:center;align-items:center;background-color:rgba(0,0,0,0.5)}#main>*{display:block;margin:auto}#main #title,#main #second{text-align:center}#main h1,#main h2{font-style:italic}#main #title{margin-bottom:0}#main .player{margin-top:0;margin-bottom:0}#main #second{margin-top:0}.player{box-shadow:0 1pt 5pt rgba(0,0,0,0.5)}#footer{position:fixed;top:auto;left:0;right:0;bottom:0;font-family:vibro, sans-serif;font-weight:400;font-style:normal;padding:.7em}#links{display:flex;flex-direction:row;justify-items:center;align-items:center}#links>*{display:block;margin:auto}#links .customicon>svg{display:inline-block;fill:#fff}#title h1,#second h2{padding-left:8pt;padding-right:8pt}#links{padding:8pt}@media all and (max-height: 670pt){#footer{text-align:center;font-size:1.2em}}@media all and (min-height: 670pt){#footer{text-align:right;font-size:1.8em}}@media all and (max-height: 720pt){#main #title,#main #second{height:80pt}#main h1,#main h2{font-size:1.4em;letter-spacing:.4em;line-height:40pt}#main #title h1{margin-top:40pt}#links{width:200pt}#links>*{font-size:1.2em}#links .customicon>svg{height:0.9em}.player{width:180pt;height:180pt}}@media all and (min-height: 720pt){#main #title,#main #second{height:180pt}#main h1,#main h2{font-size:2em;letter-spacing:.6em;line-height:90pt}#main #title h1{margin-top:90pt}#links{width:250pt}#links>*{font-size:1.5em}#links .customicon>svg{height:1em}.player{width:300pt;height:300pt}}