html,body{margin:0;padding:0;background:#fff;overscroll-behavior:none}.page-content{padding-left:0;padding-right:0}.canvas-layout{display:flex;width:100vw;height:85vh;margin-top:5vh}.canvas-holder-area{width:70vw;padding-left:5vw;padding-right:5vw}.side-panel{height:80vh;width:15vw;border:3px solid #0077ff;box-shadow:4px 4px #004c99;background-color:#c7f8ff;display:flex;flex-direction:column;align-items:center}.para{margin:1vw;border:3px solid #0077ff;box-shadow:4px 4px #004c99;background-color:#c7f8ff;display:flex;flex-direction:column;padding:1vw 1vh;align-items:left}:root{font-family:"Press Start 2P",cursive}p,h1{color:#07f}button{font-family:"Press Start 2P",cursive;font-size:.7rem;color:#fff;background-color:#0077ffc5;border:3px solid #0078ff;padding:.6rem 1rem;cursor:pointer;image-rendering:pixelated;text-transform:uppercase;box-shadow:0 4px #004c99;transition:all .1s ease-in-out;margin-top:.2rem}.canvas-button{font-size:.7rem;color:#fff;background-color:#0bb0da;border:3px solid #0078ff;padding:.6rem 1rem;cursor:pointer;text-transform:uppercase;box-shadow:0 4px #004c99;position:relative;overflow:hidden;font-family:"Press Start 2P",cursive;text-shadow:2px 0 #ff00c1,-2px 0 #00fff9,1px 1px #1cce75;animation:flicker 2s infinite}@keyframes flicker{0%,19%,21%,50%,55%,to{opacity:1}20%,50%,54%{opacity:.6}}.glitch-layer{position:absolute;top:0;left:0;width:100%;opacity:.8;pointer-events:none}.glitch-layer:nth-child(1){animation:glitchTop 2s infinite;color:#2ae6bd}.glitch-layer:nth-child(2){animation:glitchBottom 2s infinite;color:#115352}.glitch-layer:nth-child(3){animation:glitchExtra 2s infinite;color:#2802ff}.glitch-layer:nth-child(4){animation:glitchTop 2s infinite;color:#356877}@keyframes glitchTop{0%{clip:rect(0px,9999px,30px,0);transform:translate(-3px,4px)}20%{clip:rect(5px,9999px,35px,0);transform:translate(4px,8px)}40%{clip:rect(10px,9999px,40px,0);transform:translate(-5px,6px)}60%{clip:rect(0px,9999px,30px,0);transform:translate(3px,7px)}80%{clip:rect(5px,9999px,35px,0);transform:translate(-4px,5px)}to{clip:rect(0px,9999px,30px,0);transform:translateY(6px)}}@keyframes glitchBottom{0%{clip:rect(0px,9999px,30px,0);transform:translate(-2px,5px)}20%{clip:rect(5px,9999px,35px,0);transform:translate(2px,7px)}40%{clip:rect(10px,9999px,40px,0);transform:translate(-1px,6px)}60%{clip:rect(0px,9999px,30px,0);transform:translate(1px,8px)}80%{clip:rect(5px,9999px,35px,0);transform:translate(-2px,5px)}to{clip:rect(0px,9999px,30px,0);transform:translateY(6px)}}@keyframes glitchExtra{0%{clip:rect(5px,9999px,10px,0);transform:translate(2px,5px)}25%{clip:rect(8px,9999px,13px,0);transform:translate(-3px,7px)}50%{clip:rect(10px,9999px,15px,0);transform:translate(1px,6px)}75%{clip:rect(7px,9999px,12px,0);transform:translate(-2px,8px)}to{clip:rect(5px,9999px,10px,0);transform:translateY(6px)}}.navbar{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background:#c7f8ff;flex-wrap:wrap;padding:.8rem 1.2rem;border-bottom:3px solid #0077ff;box-shadow:0 4px #004c99}.canvas{margin:0rem}.canvas-holder{border:3px solid #0077ff;box-shadow:4px 4px #004c99;width:100%;height:80vh;overflow:hidden;background-color:gray;margin:0rem}.canvas-holder-homepage{margin:1vw;border:3px solid #0077ff;box-shadow:4px 4px #004c99;height:80vh;overflow:hidden;background-color:gray;margin:1rem}.home-actions{margin-left:1rem;margin-bottom:1rem}.navbar a{text-decoration:none}.navbar button{margin-right:.8rem}.navbar button:last-child{margin-right:0}.account-navbar{color:#07f;text-shadow:1px 1px #004c99;margin-right:auto;margin-left:1rem;font-size:14px;transform:scale(.2);transform-origin:left}@media (max-width: 800px){.navbar{flex-direction:column;align-items:flex-start;padding:.6rem 1rem}.navbar button{margin:.4rem 0}.account-navbar{transform:scale(.65);margin-left:0;margin-top:.5rem}button{margin-top:.6rem}}@media (max-width: 480px){.navbar{padding:.5rem}.account-navbar{transform:scale(.55);font-size:12px}.navbar button{font-size:.6rem;padding:.4rem .7rem}button{margin-top:1.2rem}}