@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";@import"https://use.typekit.net/mjg2wbl.css";@import"https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap";:root{@font-face{font-family:lullabies-text,sans-serif;font-weight:200;font-style:normal}@font-face{font-family:lullabies-text-fill,sans-serif;font-weight:200;font-style:normal}@font-face{font-family:Chelsea Market,system-ui}--algorithm-orange: rgb(239,108,0);--algorithm-green: rgb(65,173, 73);--white: #F6F5F3;--pink: #FF0394;--blue:#194E99;--yellow:#F8F379;--black:#000000;--font-play: "Play", sans-serif;--font-pixelify: "Pixelify Sans", sans-serif;--font-header: "Chelsea Market", system-ui}body,input,label{font-family:var(--font-play);color:var(--black);margin:0;padding:0;text-align:left;background-color:var(--white);background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));font-size:20px;line-height:1.7;cursor:url(/cursors/cursor.png),auto!important}a,button{cursor:url(/cursors/pointer.png),auto!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);margin:0;color:rgb(var(--black));line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{font-family:Wilvetica Regular,sans-serif}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media(max-width:720px){body{font-size:18px}main{padding:1em}}.play-regular{font-family:Play,sans-serif;font-weight:400;font-style:normal}.play-bold{font-family:Play,sans-serif;font-weight:700;font-style:normal}.pixelify-sans-regular>{font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.pixelify-sans-bold>{font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.center-main{display:flex;flex-direction:column;align-content:center;height:100%}.center-row{display:flex;flex-direction:row;justify-content:center;width:100%}.image-row{display:flex;flex-direction:row;justify-content:space-between;margin-left:30px;margin-right:30px}.image-row img{max-width:45%;height:min-content;border-radius:0}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.tip{text-align:center;color:var(--pink)}.tag{color:var(--white);background-color:var(--pink);width:fit-content;padding:0 1rem;margin:0;list-style:none;font-size:x-small}.tag-container{display:flex;flex-direction:row;gap:10px;padding:0}.project{list-style:none}.project h4{margin:10px;text-align:center;font-size:large;padding:0}.project a{font-size:larger;text-decoration:none}.main-info{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.secondary-info{display:flex;flex-direction:column;align-items:center}.secondary-info .row{margin:0;padding:0}.secondary-info .row h4{padding:0}.card{margin:10px;padding:20px}.border{border:solid 2px black;border-radius:5px}.project-link img{min-width:100px!important;max-width:500px!important}@keyframes wiggle{0%{transform:rotate(var(--base-rotation, 6deg))}25%{transform:rotate(calc(var(--base-rotation, 6deg) + 10deg))}75%{transform:rotate(calc(var(--base-rotation, 6deg) - 10deg))}to{transform:rotate(var(--base-rotation, 6deg))}}.project.card{display:flex;flex-direction:column;height:140px;align-items:center;transform:rotate(var(--base-rotation, 6deg));transition:transform .3s ease}.project.card:hover{animation:wiggle .4s ease forwards}.project.card:nth-child(2){--base-rotation: 10deg;translate:-20px 50px}.project.card:nth-child(3){--base-rotation: -5deg;translate:40px 0}.animate-me.active{transform-origin:50% 50%;animation:wiggle .4s ease forwards}article ul{padding:0}.row{display:flex;flex-direction:row;gap:15px;align-items:center}.row li{list-style:none}article h1,h2,h3,h4,h5{padding:10px}article h3{font-size:large}article h4{font-size:medium}#back{margin:15px;padding:10px}.slider::-webkit-slider-thumb{background:var(--pink)!important}.slider ::-webkit-slider-runnable-track{background:var(--pink)!important}.sketch{padding:0;margin:0}canvas{padding:0;margin:0}@font-face{font-family:Source Code Pro;src:url(/fonts/Source_Code_Pro/SourceCodePro-VariableFont_wght.ttf)}@font-face{font-family:Source Code Pro;src:url(/fonts/Source_Code_Pro/SourceCodePro-Italic-VariableFont_wght.ttf);font-style:italic}.algorithm-article,.algorithm-article img{background-color:body;font-family:Wilvetica Regular;font-weight:400;user-select:none;color:var(--blue);-webkit-user-drag:none}.algorithm-article :is(h1,h2,h3,h4){font-family:Wilvetica Regular;font-weight:500}.algorithm-article h1{font-weight:700;text-transform:lowercase}.algorithm-article :is(h2,h3,h4,p){margin-left:auto;margin-right:0}.algorithm-article p{font-size:.9em;width:50%;padding:20px}.algorithm-article .tip{font-weight:500}.algorithm-article .main-info{flex-direction:column}.algorithm-article .tag{background:none;font-size:2rem;color:var(--algorithm-green)}.algorithm-article .tag:nth-child(2n){color:var(--algorithm-orange)}.algorithm-article #process{color:var(--pink);position:relative;top:30vw;margin:auto 0;font-size:19vw;mix-blend-mode:multiply;font-weight:800}.algorithm-article #flip-through{font-size:12vw;margin:0 auto}#color-sketch{position:sticky;bottom:30px;z-index:-2}#fish-sim{position:sticky;bottom:-20px;z-index:-2}#debugger{position:absolute;top:100px;right:100px}.fish-article .hero-image{display:none}@font-face{font-family:Wilvetica Regular;src:url(/fonts/Wilvetica-Regular.otf) format("opentype")}.saam-article{h1,h2,h3,h4,h5,p,li{font-family:Wilvetica Regular}}.page-title{position:absolute;right:0;top:40px;z-index:10;text-decoration:none;font-size:2svw;padding:0}.highlight{margin:20px;width:100%;height:8svw;background-color:var(--yellow);z-index:-1;position:absolute}.rotate10{transform:rotate(10deg)}.rotate5{transform:rotate(5deg)}.rotate-5{transform:rotate(-5deg)}.rotate-10{transform:rotate(-10deg)}