*{margin:0;padding:0;box-sizing:border-box}body{background-color:#171818;padding:20px}#bg-video{position:fixed;top:50%;left:50%;width:calc(100vh - 15px);height:calc(100vw - 15px);border-radius:12px;object-fit:cover;transform:translate(-50%,-50%) rotate(90deg);z-index:-1}svg{width:795px}@media(max-width:768px){svg{width:195px}#bg-video{position:fixed;top:50%;left:50%;width:calc(100vh - 10px);height:calc(100vw - 10px);border-radius:12px;object-fit:cover;transform:translate(-50%,-50%) rotate(-90deg);z-index:-1}}#overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}