body{object-fit:cover;background-size:cover;background-repeat:no-repeat;background-position:center top}.social{top:50%;left:50%;z-index:2;display:flex;margin:0 auto;padding:5px 10px;object-fit:cover;position:absolute;border-radius:20px;background-size:cover;background-repeat:no-repeat;object-position:center center;transform:translate(-50%,-50%);background-position:center top;box-shadow:0 0 40px rgba(0,0,0,.85);background-color:rgba(0,0,0,.4)}#volume{-webkit-appearance:none;top:60%;left:50%;z-index:2;position:absolute;transform:translate(-50%,-50%);width:220px;height:8px;border-radius:15px;background:#000;transition:ease-out .1s}#volume:hover{transition:ease-in .2s;background:#0f0f0f}#volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer}#volume::-moz-range-thumb{width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer}#myCanvas{height:100vh;width:100%;z-index:2;position:absolute}@media(max-width:768px){body{height:100vh;object-fit:cover;margin:0!important;background-size:cover;background-repeat:no-repeat;background-position:center top;min-height:-webkit-fill-available}#enter{display:none}#main{display:block}#volume{display:none}}