html,body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#c3e6e4;position:relative;z-index:1}header{font-family:Modak,cursive;position:absolute;right:0;top:1.2rem;writing-mode:vertical-rl;text-orientation:sideways;font-size:20vh;color:#ffffff80}#matter-canvas{width:100%;height:100%;filter:url(#gooey);flex-shrink:0}#carton,.glass{position:absolute;pointer-events:none;z-index:0}.glass{width:250px}#carton{left:0;top:5px;z-index:-1;width:150px;transform:translate(-20px)}#foreground{font-family:sans-serif;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;display:none;line-height:128px}.button{display:inline-block;padding:.75rem 1.25rem;border-radius:.5rem;background-color:#4caf50;color:#fff;text-decoration:none;border:none;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#357a38}.button:active{transform:scale(.98)}.button:focus{outline:none;box-shadow:0 0 0 .25rem #4caf5080}.button--block{display:block;width:100%}.button--outline{color:#4caf50;background-color:transparent;border:2px solid}.button--outline:hover{background-color:#4caf500d}#restartBtn{font-size:32px}#endgame{color:#000;font-size:64px}#background{position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;background:rgba(256,256,256,.7);color:#000;filter:blur(32px);z-index:1;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}