@charset "utf-8";
/* CSS Document */
body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100svh;
            margin: 0;
            background-color: rgb(40, 44, 52);
        }
		canvas,video { width: auto!important; height: 100svh!important; position: fixed; top:0; left: 50%; transform: translateX(-50%);}
		button { position:fixed!important; bottom: 40px; appearance:none; text-indent: -9999px; width: 80px; height: 80px; border-radius: 50%; background: none; background-color: rgba(0,0,0,.5); border:none; background-position: center; background-repeat: no-repeat; background-size: 40px; }

.play { background-image: url("../img/play.svg");}
.reset { background-image: url("../img/close.svg");}

h1 { position: relative; z-index: 2; font-size: 10vw; color: #FFF;
font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;}
main { position: fixed; width: 100%; height: 100%;}

@media (orientation: landscape) {
			h1 { font-size: 5vw;}
		}