body{margin:0 10px;overscroll-behavior:none;background-color:#a7a7a7;color:#fff}a{color:currentColor}*{font-family:Inter,Helvetica,sans-serif;font-weight:400}header{display:flex;margin:10px;position:fixed;top:0;left:0;right:0}header h1{font-size:15px;margin:0;width:50%;line-height:18px}header h1 a{text-decoration:none;line-height:18px}header h1 a:hover{color:#000}header h1 a:before{content:"";width:15px;height:15px;border-radius:50%;margin-right:8px;vertical-align:-2px;display:inline-block;background-color:currentColor}header p{width:50%;margin:0;line-height:18px}header p a{text-decoration:none;line-height:18px}header p a:hover{color:#000}@media (max-width:500px){header h1{width:70%}header p{width:30%;text-align:right}}main{margin:30vh auto;font-size:15px}main .canvas{opacity:calc(var(--candraw)*0.5 + .5);display:flex;justify-content:center;background-color:#979797}main .canvas .screen{image-rendering:pixelated;image-rendering:crisp-edges;max-width:160vh;width:100%;height:100%}main .accept{display:flex;justify-content:center;align-items:flex-start;margin-top:20px}main .accept p{max-width:250px;font-size:12px;margin:4px 20px}main .drawings{width:calc(75vw - 15px);margin-left:calc(25vw - 5px);position:relative}main .drawings img{margin:calc(2vw - .4px);width:calc(11vw - 2.2px);image-rendering:pixelated;image-rendering:crisp-edges}@media (max-width:700px){main .drawings{width:calc(100vw - 20px);margin-left:0}main .drawings img{margin:calc(2vw - .4px);width:calc(16vw - 3.2px)}}.btn{background-color:#000;font-size:12px;border:none;padding:12px 32px;color:#fff;cursor:pointer;border-radius:32px}.btn:hover{background-color:#666}footer{display:flex;margin:10px 0;align-items:flex-end;justify-content:space-between;font-size:15px}footer p{margin:0;line-height:20px}footer p:nth-of-type(2){text-align:right}footer p a{text-decoration:none}footer p a:hover{text-decoration:underline}.about p{font-size:15px;width:50%}.about img{max-width:75%;margin:10px 0}.about .btn{display:inline-block;margin:30px 0;text-decoration:none}.loader{margin:0 auto;animation:rot 1.3s .1s infinite;position:relative}.loader,.loader:after{height:2px;width:20px;background-color:currentColor}.loader:after{content:"";position:absolute;top:0;right:0;animation:rot 1.3s infinite}@keyframes rot{0%{transform:rotate(0deg)}0%{transform:rotate(180deg)}}