html,body{margin:0;overflow:hidden;height:100vh;background:black}audio{position:absolute;z-index:2000}#load{position:absolute;top:50%;left:50%;background:black;color:white;border:none;font-size:2em;border-radius:20px;padding:10px;cursor:pointer}#credit{position:absolute;bottom:10px;left:10px;background:gray;color:white;border-radius:20px;padding:10px;font-family:arial;opacity:.5;z-index:300;transition:.3s}#credit:hover{opacity:.9}#rs{position:absolute;z-index:300;bottom:10px;right:10px}#rs a{font-family:Arial,Helvetica,sans-serif;color:white;opacity:.3;font-size:2em;text-decoration:none;font-weight:bolder;padding:10px;transition:.3s}#rs a:hover{opacity:.9}#can{transform:scale(1.2);filter:blur(50px)}#square{position:absolute;width:200px;height:200px;transform-style:preserve-3d;box-shadow:inset #4f774c 0 0 13px 20px;perspective:100px;background:white;z-index:200;top:calc(50vh - 100px);left:calc(50vw - 100px);display:none;clip-path:polygon(0% 15%, 27% 30%, 15% 0%, 85% 0%, 71% 30%, 100% 15%, 100% 85%, 69% 69%, 85% 100%, 15% 100%, 29% 70%, 0% 85%)}/*# sourceMappingURL=./style.css.map */