@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";.loading-screen[data-v-05b217c0]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:red;color:#fff;font-size:2rem}section.doodle[data-v-d75e9813]{position:relative;border:1px solid black;width:auto;background-color:#fff;box-shadow:-4px 4px #000}div.doodle-ui[data-v-d75e9813]{display:flex;align-items:center;width:auto;height:100%;background-color:#d8d8d8;overflow:auto;padding:0 24px 64px}.p5-sketch[data-v-d75e9813]{display:flex;flex-direction:column;height:auto;width:auto;flex:1}.colors[data-v-d75e9813]{display:flex;flex-direction:column}.color-swatch[data-v-d75e9813]{width:40px;height:40px;margin:8px 24px 8px 0;border:1px solid #000;cursor:pointer;opacity:.48;box-shadow:0 0 8px 4px #0000003d inset}.color-swatch.active[data-v-d75e9813]{opacity:1;transform:scale(1.15);box-shadow:none}.color-swatch[data-v-d75e9813]:hover{opacity:.9;transform:scale(1.15);box-shadow:none}.controls[data-v-d75e9813]{display:flex;width:100%;margin:16px 0;justify-content:space-between}.brush-controls[data-v-d75e9813]{display:flex;gap:16px}.brush-thickness[data-v-d75e9813]{width:40px;padding:0;display:flex;justify-content:center;align-content:center;opacity:.48;border:1px solid black;box-shadow:0 0 8px 4px #0000003d inset}.brush-thickness.active[data-v-d75e9813]{opacity:1;transform:scale(1.15);box-shadow:none}.canvas-controls[data-v-d75e9813]{display:flex;gap:16px}button[data-v-d75e9813]{font-family:IBM Plex Mono,monospace;font-weight:700;background-color:#fff;border-top:1px solid #000;border-right:1px solid #000;border-bottom:2px solid #000;border-left:2px solid #000;padding:12px 16px;height:40px;cursor:pointer;display:flex;align-items:center}.canvas-controls button[data-v-d75e9813]:active{transform:translateY(2px)}.canvas-controls button[data-v-d75e9813]:hover{background-color:#e3e3e3}.button-icons[data-v-d75e9813]{width:24px;border:4px;stroke:4px;margin:0 8px 0 0}#red[data-v-d75e9813]{background-color:#e64e4e}#orange[data-v-d75e9813]{background-color:#f92}#yellow[data-v-d75e9813]{background-color:#ffd12e}#green[data-v-d75e9813]{background-color:#72f170}#blue[data-v-d75e9813]{background-color:#2e75ff}#purple[data-v-d75e9813]{background-color:#c92eff}#white[data-v-d75e9813]{background-color:#fff}#black[data-v-d75e9813]{background-color:#000}#small[data-v-d75e9813]{font-size:8px}#medium[data-v-d75e9813]{font-size:16px}#big[data-v-d75e9813]{font-size:32px;padding-bottom:5px}.recent-projects[data-v-c57d0888]{position:relative;display:flex;flex-direction:column;width:480px;padding:0;background-color:#fff;border:1px solid black;box-shadow:-4px 4px #000}.project-container[data-v-c57d0888]{padding:24px;display:flex;flex-direction:column;overflow-y:auto}.projects[data-v-c57d0888]{margin:0 0 16px}h3[data-v-c57d0888]{font-size:14px;font-weight:400;margin:20px 0}a[data-v-c57d0888]{text-decoration:none;color:#000}.project-title[data-v-c57d0888]{display:flex}.project-name[data-v-c57d0888]{font-weight:400;margin-right:8px}a:hover .project-name[data-v-c57d0888],.link[data-v-c57d0888]:hover{text-decoration:underline;font-style:italic}@media only screen and (max-width: 800px){.recent-projects[data-v-c57d0888]{position:static}}@media only screen and (max-width: 650px){.recent-projects[data-v-c57d0888]{width:100%}}.modal-container[data-v-12ed83eb]{z-index:999;position:absolute;top:50%;left:50%;max-width:95vw;transform:translate(-50%,-50%);max-height:95vh;width:auto;background-color:#fff;border:1px solid black;box-shadow:-4px 4px #000;padding:16px;overflow:visible}.modal-background[data-v-12ed83eb]{width:100vw;height:100%;background-color:#000000a3;position:absolute;z-index:998}.modal-container>img[data-v-12ed83eb]{display:flex;flex-direction:column;justify-content:center;width:auto;max-width:90vw;max-height:80vh}.modal-container>.description[data-v-12ed83eb]{display:flex;width:auto;justify-content:space-between;align-content:center;margin:16px 0 0}.modal-container>.description>h3[data-v-12ed83eb]{margin:0}.work[data-v-12ed83eb]{width:100%;background-color:#fff;box-shadow:none;border:none;font-family:inherit;text-align:left;padding:0;color:#000}.work p[data-v-12ed83eb]{text-align:right}.work[data-v-12ed83eb]:hover{text-decoration:underline;font-style:italic;color:#005df2;cursor:pointer;opacity:.9}.project[data-v-12ed83eb]{display:flex;justify-content:space-between;margin:4px 0 20px}.project h3[data-v-12ed83eb]{font-size:14px;margin:0}.close-button[data-v-12ed83eb]{position:absolute;right:-1px;top:-1px;padding:8px;height:34px;border-radius:0;border:1px solid black;background-color:#fff}.close-button[data-v-12ed83eb]:hover{background-color:#e3e3e3;cursor:pointer}.close-button img[data-v-12ed83eb]{height:16px;width:16px}@media only screen and (max-width: 1000px){.work[data-v-12ed83eb]{width:auto}.work img[data-v-12ed83eb]{height:70vw;width:auto}.project[data-v-12ed83eb]{flex-direction:column;margin:0}.project p[data-v-12ed83eb]{text-align:left}}nav[data-v-2d85e9d9]{display:flex;flex-direction:column;height:auto;margin:48px 0 0}a[data-v-2d85e9d9]{text-decoration:underline;color:#000;display:flex;flex-direction:column;margin-bottom:16px}a[data-v-2d85e9d9]:hover{font-weight:700;font-style:italic}.contact-details[data-v-2d85e9d9]{margin:48px 0 0;transform:rotate(-5deg);text-align:center;font-style:italic}@media only screen and (max-width: 1000px){nav[data-v-2d85e9d9]{margin:0}.social-links[data-v-2d85e9d9]{display:flex;flex-direction:row;gap:24px;justify-content:center}.contact-details[data-v-2d85e9d9]{margin:0;font-family:IBM Plex Mono,monospace;transform:rotate(0)}}@media only screen and (max-width: 650px){nav[data-v-2d85e9d9]{padding:0 24px;width:100%}nav>p[data-v-2d85e9d9]{display:none}}.introduction[data-v-1e098c67]{width:300px;height:100%!important;border:solid 1px black;position:relative;background-color:#fff;box-shadow:-4px 4px #000;z-index:1}.info[data-v-1e098c67]{display:flex;flex-direction:column;align-items:center;padding:20px}.logo[data-v-1e098c67]{width:100%;max-width:150px;margin-bottom:16px}p[data-v-1e098c67]{text-align:center}@media only screen and (max-width: 800px){.introduction[data-v-1e098c67]{position:static}}@media only screen and (max-width: 650px){.introduction[data-v-1e098c67]{width:100%}p[data-v-1e098c67]{max-width:400px}}.illustrator-container[data-v-9a003eb0]{display:flex;flex-direction:column;align-items:center;height:100vh;overflow-y:scroll;padding:12px;background-color:#fff;border-left:1px solid black}.main-wrapper[data-v-9a003eb0]{background-color:#e3e3e3;display:grid;grid-template-columns:1fr 400px}.main-intro[data-v-9a003eb0]{overflow:auto;height:100vh}header.hero[data-v-9a003eb0]{display:grid;grid-template-columns:200px 1fr;padding:12px 24px 0 12px;width:100%;justify-content:space-between;gap:24px}.doodle-container[data-v-9a003eb0]{width:100%}section.work[data-v-9a003eb0]{display:flex}@media only screen and (max-width: 1000px){.main-wrapper[data-v-9a003eb0]{display:flex;flex-direction:column}header.hero[data-v-9a003eb0]{padding:24px;order:3}.main-intro[data-v-9a003eb0]{height:auto;overflow-y:hidden}.illustrator-container[data-v-9a003eb0]{overflow-y:hidden;border-left:0;height:auto}header.hero[data-v-9a003eb0]{display:flex;flex-direction:column}.illustrator-container[data-v-9a003eb0]{padding:0;width:100%;height:auto}.illustrator-container>div[data-v-9a003eb0]{padding:24px;display:flex;overflow-x:scroll;width:100%;gap:24px;position:static}section.work[data-v-9a003eb0]{display:flex;gap:24px;padding:24px}}@media only screen and (max-width: 650px){header.hero[data-v-9a003eb0]{padding:0;order:3}.main-intro[data-v-9a003eb0]{display:flex;flex-direction:column}section.work[data-v-9a003eb0]{flex-direction:column}.doodle-container[data-v-9a003eb0]{display:none}}.name{cursor:grab;height:24px;display:flex;justify-content:center;border-bottom:1px solid black}.line{margin:0 2px;width:1.25px;height:100%;background-color:#000}h1.name{background-color:#000;margin:0 2px;padding:0 8px;display:inline-block;font-weight:400;font-size:16px;text-align:center;color:#fff}p{font-size:14px;line-height:160%}a,a:visited{color:#000}.link{text-decoration:underline}.link:hover{font-style:italic}::-webkit-scrollbar{width:8px;height:7px}::-webkit-scrollbar-track{background:#FFD257}::-webkit-scrollbar-thumb{background:black}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Mono,monospace;font-size:14px;box-sizing:border-box;line-height:140%;height:100vh;overflow:hidden}p{line-height:160%}img{width:100%}img.arrow{width:27px;margin:0 0 0 12px}p{margin:0}.p5-sketch{display:flex;justify-content:center;margin:24px 0;height:50vh;width:80%}.big-button{background-color:#e3e3e3;border:1px solid black;padding:12px;margin:12px 0}canvas{border:1px solid black;cursor:pointer;background-color:#fff}a:hover{color:#005df2}@media only screen and (max-width: 1000px){main{overflow-y:scroll;height:100vh}}