*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica,cursive}body{background-color:black;height:100vh}body,html{overflow:hidden}html{height:100%}canvas{top:calc(50% + 60px);transform:translate(-50%,-50%);font-size:25px;display:none;max-height:100%}#container,canvas{position:absolute;left:50%;max-width:100%}#container{width:800px;top:90%;transform:translateX(-50%)}img{display:none}#loading{position:absolute;top:calc(50% + 60px);text-align:center;font-size:80px}#loading,#slider{width:100%}p{color:white}#instructions{position:absolute;right:24px;top:120px;width:260px;background:rgba(0,0,0,.6);color:#fff;border:1px solid #2aa198;border-radius:8px;padding:12px 14px;line-height:1.4;z-index:5}#instructions h3{margin-bottom:8px;font-size:20px}#instructions ul{list-style:none;padding-left:0}#instructions li{margin:4px 0}