@font-face{font-family:silkscreen;src:url(./slkscr-201df110.ttf)}@font-face{font-family:munro;src:url(./munro-59555553.ttf)}html,body{margin:0;font-family:munro;-ms-overflow-style:none;scrollbar-width:none;transition:1s}body::-webkit-scrollbar{display:none}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}h1{font-family:munro;font-size:120px;margin-bottom:0;background:linear-gradient(to right,#ff6666 0%,#ff6699 10%,#ff66cc 20%,#ff66ff 30%,#cc66ff 40%,#9966ff 50%,#6666ff 60%,#3366ff 70%,#0066ff 80%,#0066cc 90%,#006699 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:999;margin-top:-30px}h1:hover{background:linear-gradient(to right,#FE0000 16.66%,#FD8C00 16.66%,31.32%,#FFE500 31.32%,49.98%,#119F0B 49.98%,66.64%,#0644B3 66.64%,83.3%,#C22EDC 83.3%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 800px){h1{font-size:80px}}@media (max-width: 390px){h1{font-size:65px}.smallItsme{right:4px}}h2{padding:6px;font-family:munro;font-size:50px}h2:hover{background:linear-gradient(to right,#FE0000 16.66%,#FD8C00 16.66%,31.32%,#FFE500 31.32%,49.98%,#119F0B 49.98%,66.64%,#0644B3 66.64%,83.3%,#C22EDC 83.3%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.introText{padding:6px}.webgl{position:fixed;outline:none}.logo{display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10}.logoMe{position:absolute;margin-left:-20px;margin-bottom:50px}.avatarSpace{height:400px}.itsmeWrapper{margin-top:140px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;z-index:-1;height:200px;width:400px;transform:translateY(75px) translate(350px)}@media (max-width: 900px){.itsmeWrapper{display:none}}.itsmeArrow{padding-right:120px}.itsme{margin:-4px 0 0;font-size:50px}@media (max-width: 1100px){.itsme{transform:rotate(-90deg) translateY(-25px) translate(50px)}}@media (min-width: 900px){.smallItsme{display:none}}.smallItsme{position:absolute;right:20px;z-index:-1}.smallItsme p{font-size:25px;color:#789}.loadingScreen{top:0;left:0;position:fixed;height:100%;width:100%;background-color:#fff;z-index:999999;justify-content:center;align-items:center;transform:scale(1);transition:transform 1.5s ease-out,opacity 1.5s ease-out,backgroundColor 1s ease-out;transition-delay:.2s;display:flex;flex-direction:column}.loadingText{font-family:munro;font-size:120px;background:linear-gradient(to right,#ff6666 0%,#ff6699 10%,#ff66cc 20%,#ff66ff 30%,#cc66ff 40%,#9966ff 50%,#6666ff 60%,#3366ff 70%,#0066ff 80%,#0066cc 90%,#006699 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:900px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:0;opacity:0}@media (max-width: 900px){.loadingText{font-size:80px}}@media (max-width: 580px){.loadingText{font-size:40px}}.loadingTextinfo{opacity:0}.heart{pointer-events:none;position:absolute;font-size:50px;animation:heart-fade 1s ease-out forwards}@keyframes heart-fade{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.canvasInfo{position:absolute;z-index:10;padding:12px;max-width:325px;background-color:#fff;border:solid 6px black;pointer-events:none;font-size:16px}@media (max-width: 420px){.canvasInfo{max-width:280px;font-size:14px}}.canvasContainerTopRight{display:flex;justify-content:flex-end;align-items:flex-start;margin:4px}.canvasContainerTopLeft{display:flex;justify-content:flex-start;align-items:flex-start;margin:4px}.canvasContainerBottomRight{display:flex;justify-content:flex-end;align-items:flex-end;margin:4px}.canvasContainerBottomLeft{display:flex;justify-content:flex-start;align-items:flex-end;margin:4px}.comicFrame{border:solid 6px;background-color:#000;z-index:2}.comicTextSquare{display:flex;justify-content:center;align-items:center;margin:4px;border:solid 6px;height:400px;width:400px;z-index:99;background-color:#fffb}.comicTextSquare p{padding:18px;font-size:26px}@media (max-width: 420px){.comicTextSquare{height:320px;width:320px}.comicTextSquare p{padding:8px;font-size:18px}}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media (max-width: 1270px){.grid-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-auto-flow:column}.grid-container .reverse-direction{direction:rtl}}@media (max-width: 840px){.grid-container{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr)}}.colorPicker{display:flex;z-index:99}.backgroundButtonColor{border:solid 4px;height:16px;width:16px;margin:6px}.linksWrapper{height:400px}.links{position:absolute;z-index:10;top:50px}.me1Wrapper{position:absolute;margin-top:-20px}.showLinks{margin-bottom:0}.showLinksButton{margin-bottom:0;margin-top:6px;background:linear-gradient(to right,#ff6666 0%,#ff6699 10%,#ff66cc 20%,#ff66ff 30%,#cc66ff 40%,#9966ff 50%,#6666ff 60%,#3366ff 70%,#0066ff 80%,#0066cc 90%,#006699 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:40px}.showLinksPrompt{position:absolute;width:99}.footer{z-index:9999;background-color:#d0d0d0;height:100px;width:100%;display:flex;justify-content:center;align-items:center;margin-top:-2px}.footer p{font-size:25px}.bottomArrowWrapper{z-index:999999;bottom:0px;left:0px;height:0;overflow:visible;transform:translateY(250px);pointer-events:none}.bottomArrowText{margin-top:0;width:350px;font-size:30px;text-align:center;color:#fff}.finalStage{height:430px;width:912px;margin-top:30px;margin-bottom:30px;animation:envelope-boom 1s ease-in-out forwards;animation-play-state:paused}.letter{position:absolute;background-color:#fafad2;border:solid 6px black;height:430px;width:900px;animation:letter-open 1s ease-in-out forwards;animation-delay:2s;animation-play-state:paused;z-index:20}.letter p{padding-left:16px;padding-right:16px}.letter p:first-child{padding-top:16px}.envelopeBottom{position:absolute;background-color:#cccc;border:solid 6px black;height:430px;width:900px;animation:envelope-bottom-open 1s ease-in-out forwards;animation-delay:2s;animation-play-state:paused;z-index:18}.envelopeTop{position:absolute;margin-top:50px;height:400px;width:912px;animation:envelope-top-open 1s ease-in-out forwards;animation-delay:2s;animation-play-state:paused;z-index:22;pointer-events:none}.envelopeTopImage{height:100%;width:100%}.envelopeDoor{position:absolute;height:320px;width:912px;animation:envelope-door-open 2s ease-in-out forwards;animation-play-state:paused;animation-delay:1s;z-index:23;pointer-events:none}.envelopeDoorImage{height:100%;width:100%}.envelopeDoorGray{filter:saturate(0%);z-index:24}.doorBig{display:block}.doorMedium,.doorSmall{display:none}@media (max-width: 930px){.envelopeDoor{height:340px;width:732px}.envelopeTop{margin-top:80px;height:375px;width:732px}.envelopeBottom,.letter{height:444px;width:720px}.finalStage{height:444px;width:732px}.doorBig{display:none}.doorMedium{display:block}.doorSmall{display:none}}@media (max-width: 770px){.envelopeDoor{height:240px;width:332px}.envelopeTop{margin-top:40px;height:275px;width:332px}.envelopeBottom{height:294px;width:320px}.letter{height:294px;width:320px;overflow:scroll}.finalStage{height:294px;width:332px}.letter p:first-child{padding-top:24px}.doorBig,.doorMedium{display:none}.doorSmall{display:block}}@keyframes envelope-bottom-open{0%{transform:translateY(0)}50%{transform:translateY(200px)}to{transform:translateY(0) rotate(4deg)}}@keyframes envelope-top-open{0%{transform:translateY(0);z-index:22}50%{transform:translateY(200px);z-index:20}to{transform-origin:50% 40%;transform:translateY(0) rotate(4deg);z-index:18}}@keyframes envelope-door-open{0%{transform-origin:0% 0%;-webkit-transform:translateY(0px);transform:translateY(0);z-index:23}45%{transform-origin:0% 0%;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:23}50%{transform-origin:0% 0%;-webkit-transform:translateY(0px) rotateX(180deg);transform:translateY(0) rotateX(180deg);z-index:18;opacity:1}75%{transform-origin:0% 0%;-webkit-transform:translateY(220px) rotateX(180deg);transform:translateY(220px) rotateX(180deg);z-index:18;opacity:0}to{transform-origin:50% 100%;-webkit-transform:translateY(0px) rotate(4deg);transform:translateY(0) rotate(4deg);z-index:18;opacity:0}}@keyframes letter-open{0%{transform:translateY(0)}50%{transform:translateY(-200px) rotate(-4deg)}to{transform:translateY(0)}}@keyframes envelope-boom{0%{transform:scale(1)}25%{transform:scale(1.1)}60%{transform:scale(.97)}to{transform:scale(1)}}.brokenCanvasBackground{position:absolute;margin:6px;z-index:1;height:400px;width:400px;pointer-events:none}@media (max-width: 420px){.brokenCanvasBackground{height:320px;width:320px}}