*,:after,:before{box-sizing:border-box;font-family:Times New Roman,Times,serif}#app,#screen-radio,#screen-visualization,.container,body,html{height:100vh}html{background-color:#000}body{margin:0}canvas{position:relative;height:100px}#screen-radio,canvas{width:100%;top:50%;transform:translateY(-50%)}#screen-radio{position:absolute;background:url(../img/background.c980c18b.png) #000 no-repeat 50%;height:100vh;z-index:10}#screen-radio.active{height:0;animation:oscilloscope 2s normal}@keyframes oscilloscope{0%{height:100vh}to{height:0}}#screen-visualization{position:absolute;background:#000;width:100%;height:100vh;top:50%;z-index:1;transform:translateY(-50%);transition:all 1s ease-out}.container{display:flex;justify-content:center;align-items:center;letter-spacing:2px;overflow:hidden}.main{position:absolute;width:360px;padding:10px;background:#fff;border-radius:4px;text-align:center;z-index:100}.main.active{animation:go-top 2s normal;top:2%}.main.active>.track p{font-size:10pt;margin:5px 0;animation:reduce-track 2s normal}.main.active>.control a img{height:35px}.main.active>.art{height:80px;animation:reduce-art 2s normal}.main.active>.art img{height:80px;animation:reduce-art 1s normal}@media screen and (max-width:480px){.main{width:310px}}@media screen and (max-width:360px){.main{width:290px}}@keyframes go-top{0%{top:25%}to{top:2%}}@keyframes hide-control{0%{height:70px}to{height:30px}}@keyframes reduce-art{0%{height:150px}to{height:80px}}@keyframes reduce-track{0%{font-size:11pt;margin:10px 0}to{font-size:10pt;margin:5px 0}}.footer{position:absolute;width:100%;padding:0;bottom:0;text-align:center;color:hsla(0,0%,100%,.75);margin-bottom:5px;opacity:1;z-index:100;transition:opacity .5s ease-in}.footer .copyright{text-transform:uppercase;margin:0;padding:0;list-style:none}.footer .subcopyright{font-size:7pt;color:#888;margin-left:5px}.footer p{margin:0;font-size:9pt}.control img{height:70px}.appstore img,.control img,.link img{cursor:pointer}.track p{text-transform:uppercase;font-size:11pt;margin:10px 0}.art,.art img{height:150px}.infos a{position:absolute;right:0;top:0;color:#fff;cursor:default}.appstore{margin-top:10px}.appstore img{margin-left:2px;height:40px}.fade-control-enter-active,.fade-control-leave-active{transition:opacity .5s ease}.fade-art-enter-active,.fade-art-leave-active{transition:opacity 1s ease}.fade-footer-enter-active,.fade-footer-leave-active{transition:opacity 3s ease}.fade-art-enter-from,.fade-art-leave-to,.fade-control-enter-from,.fade-control-leave-to,.fade-footer-enter-from,.fade-footer-leave-to{opacity:0}