:root{--backgroundColor:#D2D0D8;--jkTextColor: #D2D0D8;--gridPadding: 10px}@font-face{font-family:FairplayScript;src:url(/fonts/FairplayScript-Regular.woff2) format("woff2"),url(/fonts/FairplayScript-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Lawrence;src:url(/fonts/Lawrence-Regular.woff2) format("woff2"),url(/fonts/Lawrence-Regular.woff) format("woff"),}@-webkit-keyframes jacko{0%{background-position:0% 0%}20%{background-position:20% 0%}40%{background-position:40% 0%}60%{background-position:60% 0%}80%{background-position:80% 0%}to{background-position:100% 0%}}@-moz-keyframes jacko{0%{background-position:0% 0%}20%{background-position:20% 0%}40%{background-position:40% 0%}60%{background-position:60% 0%}80%{background-position:80% 0%}to{background-position:100% 0%}}@keyframes jacko{0%{background-position:0% 0%}20%{background-position:20% 0%}40%{background-position:40% 0%}60%{background-position:60% 0%}80%{background-position:80% 0%}to{background-position:100% 0%}}@keyframes hovercolor{0%{color:red}to{color:#00f}}html{width:100%;overflow-x:hidden}body{background:var(--backgroundColor);margin:3em 0 0}#about{position:fixed;right:30px;top:20px;z-index:1}#home{position:fixed;left:30px;top:20px;z-index:1}.oval{background-color:var(--backgroundColor);filter:drop-shadow(10px 10px 10px #000);padding:10px;border-radius:50%}#flower{position:fixed;bottom:2vh;right:2vw;z-index:10;width:15vw;mix-blend-mode:multiply}#sun{position:absolute;top:2vh;left:50%;transform:translate(-50%);z-index:10;width:15vw;mix-blend-mode:multiply}.JK{position:absolute;font-size:500px;word-break:break-all;text-align:center;font-family:Chomsky;text-transform:uppercase;color:var(--jkTextColor);z-index:-1}.JK h1{margin-top:100px;font-weight:400;line-height:700px;margin-bottom:-100px}h2{font-family:sans-serif}a{text-decoration:overline;color:#4a3097;transition:font-size 60s}.fairplay{font-family:FairplayScript}a:hover{animation-name:hovercolor;animation-duration:.5s;animation-iteration-count:infinite;font-size:100px}.grid-parent{display:grid;grid-template-columns:10px repeat(3,10fr) 10px;grid-template-rows:10px repeat(3,10fr) 10px;grid-column-gap:0px;grid-row-gap:0px;position:relative;min-height:100px;max-height:80vh;width:100%}.fullscreen-true,.fullscreen-true .grid-image img,.fullscreen-true .grid-image video{max-height:none}.grid-image{grid-area:1 / 1 / 6 / 6;width:100%;text-align:center;align-self:center;justify-self:center}.grid-image img,.grid-image video{max-height:100vh;max-width:100%}.no-image-title{font-size:140px;letter-spacing:-1px;font-family:Lawrence;text-transform:uppercase;filter:blur(2px);color:#340434;line-height:80%;margin:10vh}.no-image-title a{font-size:inherit;transition:none}.no-image-title a{text-decoration:none}.grid-text{grid-area:3 / 2 / 4 / 5;position:absolute;font-size:10px;padding:10px;text-align:center;background-color:var(--backgroundColor);filter:drop-shadow(10px 10px 10px #000)}h2{padding:0;margin:0}.home-header{color:#4a3097;font-family:Helvetica,Arial,sans-serif;font-weight:700;margin:0 auto;padding:90px 20px 70px;box-sizing:border-box}.home-header__title{font-size:66px;line-height:normal;font-weight:700;max-width:683px;margin:0 0 62px}.home-header__title a{transition:none;text-decoration:none}.home-header__title a:hover{transition:font-size 60s}.home-header__cols{display:flex;gap:24px}.home-header__col{width:350px}.home-header__col-title{font-family:Helvetica,Arial,sans-serif;font-size:36px;font-weight:700;margin:0 0 26px}.home-header__list{list-style:none;padding:0;margin:0;font-size:36px}.home-header__footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin:60px 0 0}.home-header__more{font-size:18px;margin:0}.home-header__links{list-style:none;display:flex;flex-wrap:wrap;gap:24px;padding:0;margin:0;font-size:18px}.home-header__links a{transition:none}.home-header__links a:hover{transition:font-size 60s}.projectpage{margin:20px}.credits{width:30vw;font-family:sans-serif;padding:20px;margin:0 auto;background-color:var(--backgroundColor);filter:drop-shadow(10px 10px 10px #000)}.credits em{color:red;font-style:normal;animation-name:jacko;animation-duration:.5s;animation-iteration-count:infinite;background:linear-gradient(45deg,#ff0404,#d7ae0e,#3aff00,#01f,#ff00df);background-size:1000% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projectpage .credits p{filter:none}.projectpage h1{text-align:center;font-family:cursive;transform:scaleX(4);width:20vw;margin-left:auto;margin-right:auto}.project-desc p{font-size:18px;line-height:140%;width:60vw;max-width:700px;padding:20px;margin:20px auto;background-color:var(--backgroundColor);filter:drop-shadow(10px 10px 10px #000)}.projectpage figure{text-align:center}.projectpage img{max-width:100%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.projectpage video{max-width:100%}@keyframes movin{0%{margin-left:0}to{margin-left:100%}}@media screen and (max-width:400px){#home{left:5px;top:5px}#about{right:5px;top:5px}body{margin-top:5em}.grid-parent{grid-template-columns:40px repeat(3,1fr) 10px;grid-template-rows:20px repeat(3,1fr) 10px;margin-bottom:20px}.grid-text{grid-area:1 / 1 / 6 / 6;justify-self:center;align-self:start;text-align:center;transform-origin:bottom left}.grid-image{grid-area:2 / 1 / 6 / 6;align-self:center}.no-image-title{font-size:48px}.JK{font-size:10px}.home-header{padding:64px 12px}.home-header__title{font-size:38px;max-width:366px;margin:0 0 30px}.home-header__cols{gap:16px}.home-header__col{width:auto;flex:1}.home-header__col-title{font-size:25px;margin:0 0 14px}.home-header__list{font-size:25px}.home-header__footer{margin:30px 0 0}#flower{bottom:2vh;right:2vw;width:30vw}#sun{transform:none;width:30vw;left:2vw}.projectpage{margin:5px}.credits{width:inherit;font-size:1em;padding:15px}.projectpage h1{max-width:100%;width:50vw;line-height:1em;text-align:center;font-size:2em;transform:scaleX(2);margin:20px auto}.project-desc p{width:inherit;font-size:1.2em;line-height:1.2em}.projectpage figure{margin:0;max-width:100%}.projectpage img{max-width:100%}}