*{padding:0;margin:0;box-sizing:border-box}body,html{background-color:#f1f1f1;font-family:Helvetica,sans-serif;overflow:hidden;display:flex;padding:0;margin:0}#canvas{width:100vw;height:100vh;position:fixed;top:0;left:0}nav{position:fixed;bottom:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px;z-index:100}nav a{color:#fff;text-decoration:none;font-size:1rem;font-weight:600;border-radius:5px;transition:all .3s ease}nav a:hover{opacity:.7;transform:scale(1.2)}nav a img{width:30px;height:30px}.credits{position:fixed;top:0;right:0;padding:20px;color:#fff;font-size:1rem;font-weight:100;z-index:100}.credits a{color:#5b5b5b;text-decoration:none;transition:all .3s ease}.credits a:hover{color:#718f74;opacity:.7;transform:scale(1.2)}.randomizeButton{display:none;position:fixed;bottom:0;left:50%;transform:translate(-50%);padding:5px 30px;margin:20px;color:#f2f2f2;font-size:1rem;font-weight:100;height:50px;z-index:100;border-radius:50px;border:none;background-color:#000;cursor:pointer;transition:all .3s ease}.randomizeButton:hover{color:#718f74}.randomizeButton:active{background-color:#000;opacity:.7}