section,footer{position:fixed;left:0;width:100vw}section{top:0;height:calc(100vh - 48px)}footer{bottom:0;height:48px;display:flex;justify-content:center}footer .footer-content-container{color:#fff;background:#656362;border:8px solid #544f4b;border-bottom:none;border-radius:16px 16px 0 0;height:100%;padding:16px;display:flex;align-items:center;justify-content:center}footer small{font-size:.9rem}footer a{color:#fa8a8a;font-weight:700;text-decoration:none}footer a:hover{text-decoration:underline}#notification{padding:16px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:6rem;font-weight:700;z-index:9999;transform:scale(0);opacity:0;transition:.3s opacity,.3s transform}#notification.shown{transform:scale(1);opacity:1}#landing{display:flex;flex-direction:column}#landing>h1{flex:0 0 auto;padding:16px;margin:0;font-size:4rem;text-align:center}#landing>#menu-container{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#landing>#menu-container>p{padding:16px;margin:0;font-size:1.5rem;text-align:center;flex:0 0 auto}#landing>#menu-container>nav{flex:1 1 auto;overflow:auto}#landing>#menu-container>nav>ul{list-style:none;padding:32px 16px;margin:0;display:flex;flex-direction:column;align-items:center;gap:16px}#landing>#menu-container>nav>ul a,#landing>#menu-container>nav>ul button{text-decoration:none;color:#000;background:#fff9;display:inline-block;text-align:center;width:256px;font-size:1.25rem;padding:16px;border:1px solid #000;border-radius:8px 16px;transition:.3s transform}#landing>#menu-container>nav>ul a:hover,#landing>#menu-container>nav>ul a:focus,#landing>#menu-container>nav>ul button:hover,#landing>#menu-container>nav>ul button:focus{transform:scale(1.025)}#landing>#menu-container>nav>ul a:active,#landing>#menu-container>nav>ul button:active{transform:scale(.975)}#landing>#menu-container>#start{background:#6d6;color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #000;height:100px;width:100px;transition:.3s transform,.3s box-shadow;font-size:1.5rem;text-transform:uppercase}#landing>#menu-container>#start:active,#landing>#menu-container>#start:focus{box-shadow:none}#game{display:grid;grid-template-rows:50% 50%;place-items:center}#game>#visualizer{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#game>#microphone{width:100%;height:100%;align-self:end;position:relative}#game>#microphone>img{width:100%;height:75%;position:absolute;bottom:-8px;margin:auto}