html, body {overflow: hidden;}html {background-color: black;height: 100%;}body {height: 100%;margin: 0 auto;}.container {height: 100%;}.box {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.main {position: relative;width: 100%;height: 100%;}.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}.overlay>div {position: absolute;cursor: pointer;pointer-events: auto;}.controls {position: relative;width: 100%;height: 5vmax;display: grid;grid-template-columns: auto 1fr auto;}.controls .playbutton {grid-column: 1 / 2;width: auto;height: 90%;margin: auto 0;cursor: pointer;}.controls .seekbar {grid-column: 2 / 3;margin: auto 2%;cursor: pointer;}.controls .mutebutton {grid-column: 3 / 4;width: auto;height: 90%;margin: auto 0;cursor: pointer;}video {display: block;width: 100%;height: 100%;}