body{margin:0;padding:0;overflow:hidden;font-family:Helvetica,sans-serif;text-transform:uppercase;color:#fff;background-color:#151515}.text{position:fixed;top:0;left:0;width:100%;z-index:90001;font-size:25vh;line-height:.8;pointer-events:none;mix-blend-mode:difference}span{display:block}#fullscreen{position:fixed;right:0;top:0;padding:2vw;cursor:pointer}.canvas{position:fixed;right:0;top:0;width:100%;height:100%;z-index:-1}#controls{position:absolute;bottom:0;right:0;color:#fff;z-index:1}#time{margin-right:10px;font-size:3rem}#play-pause{background:transparent;border:2px solid white;color:#fff;padding:1rem 5rem;font-size:1.25rem;cursor:pointer}@media screen and (max-width: 600px){.text{font-size:4.75rem;line-height:130%}span{transform:scaleY(1.5)}#time{font-size:2rem}#play-pause{padding:.75rem 3rem;font-size:1rem}}