body{margin:0;padding:0;font-family:Roboto,sans-serif}.video-feed,.canvas-feed{position:absolute;left:0;right:0;text-align:center;z-index:9;height:100vh;width:100%;object-fit:cover}.video-feed{opacity:0}.canvas-feed{filter:blur(25px)}body{background-color:#121212;color:#ffffffb3}.title{display:flex;align-items:center;gap:36px}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.landingText{object-fit:contain;height:110px;margin-top:10px}.landingImg{object-fit:contain;height:200px;margin-bottom:50px}.arrowImg{object-fit:contain;height:80px;margin-top:20px;transition:.5s}.arrowImg:hover{cursor:pointer;translate:20px}.proj-text{opacity:0;display:flex;flex-direction:column;gap:16px;position:absolute;right:0;z-index:10;margin:20px;background-color:#222;border-radius:15px;padding:16px;width:300px;bottom:-10px;transition:.4s cubic-bezier(.25,.1,0,2.05)}.proj-text:hover{opacity:1;bottom:0}.infoBtn{position:absolute;object-fit:contain;bottom:0;right:0;height:40px;margin:40px;z-index:inherit}hr{border:0;height:1px;background:#333;margin:16px 0}.creator-info,.ref-info{display:flex;justify-content:space-between}.info-link{text-decoration:none;color:#ffffffe6}.soundControl{position:absolute;top:0;right:0;width:40px;object-fit:contain;z-index:10;margin-top:20px;margin-right:20px}.instructions{display:flex;justify-content:center;position:absolute;bottom:0;width:100vw;z-index:10}.instructionsContent{opacity:0;position:relative;display:flex;justify-content:center;height:80px;margin:20px;border-radius:15px;background-color:#121212;z-index:11;padding:16px;bottom:-10px;transition:.4s cubic-bezier(.25,.1,0,2.05)}.instructionsContent:hover{opacity:1;bottom:0}.instructionsBtn{position:absolute;height:40px;bottom:80px;z-index:10;object-fit:contain}.instructionsContent img{object-fit:contain;height:100%}