html,body{touch-action:none}body{margin:0}p{margin:0;font-size:21px}header{color:#fff;z-index:100;justify-content:center;width:100%;display:flex;position:fixed}#title-div{justify-content:center;align-items:center;gap:10%;display:flex}#title-div a{color:#fff;white-space:nowrap;margin:auto;font-size:18px}#title{text-align:left;margin:auto;font-size:32px;font-weight:700}#fov{text-shadow:0 0 4px #000;color:#fff;z-index:100;font-size:25px;display:block;position:absolute;bottom:20px;right:30px}#cameraButton{z-index:1000;background:#fff;border:2px solid #ccc;border-radius:6px;padding:10px;font-size:20px;position:fixed;top:20px;left:5%}#start-time{cursor:pointer;z-index:100;background:#fff;border:2px solid #ccc;border-radius:6px;padding:5px;font-size:20px;position:absolute;top:20px;right:5%}#camera,#three{width:100%;height:100%;position:fixed;inset:0}#credits{z-index:100;margin:10px;font-size:18px;display:block;position:absolute;bottom:10px;left:10px}#credits a{color:#fff;text-decoration:none}#camera{object-fit:cover;z-index:0}#three{z-index:1;pointer-events:none}@media (width<=600px){#title{font-size:20px}#title-div a{font-size:15px}#cameraButton,#credits,#start-time{font-size:11px}}
