:root{--background:#f0f0f0}body,html{padding:0;margin:0}body{background-color:var(--background)}h1,h2,h3,h4,h5,h6,ol,ul{margin:0;padding:0}h1,h2{text-transform:uppercase;font-weight:500}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}ol{list-style:none}ol li{counter-increment:step-counter}html{cursor:url(/cursor-default.png),auto!important}a,button,input,label{cursor:url(/cursor-pointer.png),pointer!important}.page-wrapper{position:absolute;top:0;padding-top:2rem;overflow-x:hidden;width:100vw}ol a:hover{color:var(--background);background:#000}ol li:before{content:counter(step-counter);font-family:Times New Roman,Times,serif;margin-right:1em}.display_list{font-size:calc(8vw + 1rem)}.display_list li{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.display_list li:before{margin-right:.5em}.about-box{padding:1rem;background:#d4e7ff;border:1px solid #000;border-radius:2px;-webkit-box-shadow:10px 10px 30px 0 rgba(0,0,0,.3);box-shadow:10px 10px 30px 0 rgba(0,0,0,.3);text-align:left;position:absolute;max-width:20rem;cursor:url(/cursor-move.png),auto!important}footer{display:flex;width:100%;justify-content:space-between;position:fixed;bottom:0;left:0;padding:1em}.drawbg-canvas{position:fixed;top:0;left:0;z-index:-1;opacity:.5}.marquee-wrapper{display:block;width:100%;font-size:10vw;white-space:nowrap;text-transform:uppercase;overflow:hidden;font-family:sans-serif}.marquee-inner,.marquee-inner div{display:inline-block}.marquee-inner{-webkit-animation:marquee 20s linear infinite;animation:marquee 20s linear infinite}.marquee-right .marquee-inner{-webkit-animation:marquee-right 20s linear infinite!important;animation:marquee-right 20s linear infinite!important}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes marquee-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes marquee-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.page-title{font-size:23.5vw;font-weight:700;line-height:.8em}.back-link{z-index:19;position:absolute;top:0;left:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .6s cubic-bezier(.61,.43,.12,.96);transition:-webkit-transform .6s cubic-bezier(.61,.43,.12,.96);transition:transform .6s cubic-bezier(.61,.43,.12,.96);transition:transform .6s cubic-bezier(.61,.43,.12,.96),-webkit-transform .6s cubic-bezier(.61,.43,.12,.96)}.back-link:hover{-webkit-transform:scale(5);transform:scale(5);background-color:#000;color:#fff}.info-block{font-weight:700;text-transform:uppercase;font-size:2vw;max-width:32vw;text-indent:4vw;float:right}.about-page{width:100vw;min-height:100vh;background-color:red;color:#000}.about-page ::selection{background:#000;color:red}.about-page canvas{z-index:1;pointer-events:none}.about-page-inner{z-index:2}.about-page .about-box{right:10vw;top:60vh;position:absolute;z-index:10}.about-page .marquee-wrapper{font-size:3vw}.about-credits{margin:4rem}.about-credits table{min-width:30vw;font-family:Times New Roman,Times,serif}.about-credits tr{vertical-align:top}.about-credits table td:nth-child(2){max-width:15vw}.about-credits p{max-width:30vw}.about-info{max-width:23em;text-indent:4em;margin:4rem;font-size:2rem}.subpage_section{width:100%;height:100vh;padding:2rem}.subpage_section h1{font-size:10vw;margin:0}.section_layout_grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;font-size:4vw;border-right:2px solid #a9a9a9;border-bottom:2px solid #a9a9a9;background:var(--background);padding:0}.section_layout_grid h1{grid-column:1/-1}.section_layout_grid>div{border-left:2px solid #a9a9a9;border-top:2px solid #a9a9a9;cursor:url(/cursor-pointer.png),pointer!important}.section_layout_grid>div:hover{background:red}.section_layout_scatter{position:relative;overflow:hidden}.section_layout_scatter h1{position:absolute;top:50vh;z-index:-1}.section_layout_scatter img{cursor:url(/cursor-move.png),pointer!important}.scatter_drag{position:absolute;font-size:10vw;font-family:times;color:red;text-align:right;right:0;z-index:1000;display:none}.scatter_drag.dragging{display:block}.section_layout_scatter img{-webkit-transition:top .5s ease-in-out,left .5s ease-in-out;transition:top .5s ease-in-out,left .5s ease-in-out}.section_layout_marquee{width:100vw;position:relative;overflow:hidden;padding:0}.section_layout_marquee .marquee-wrapper:hover{background-color:#000;color:var(--background)}.marquee-diagonal{background-color:red;color:#fff;font-size:4rem;position:absolute;top:45%;-webkit-transform:rotate(5deg);transform:rotate(5deg);width:110vw;left:-5vw}.section_layout_quads{display:flex;flex-wrap:wrap}.section_layout_quads>div{font-size:10vw;width:50%;min-height:10vw;-webkit-transition:width .3s ease-in-out,min-height .3s ease-in-out;transition:width .3s ease-in-out,min-height .3s ease-in-out;overflow:hidden;cursor:url(/cursor-pointer.png),pointer!important}.section_layout_quads .active{background-color:red;width:75%;min-height:90%}.section_layout_quads[data-current="1"]>div:nth-child(2),.section_layout_quads[data-current="1"]>div:nth-child(4){width:25%}.section_layout_quads[data-current="1"]>div:nth-child(3){width:75%}.section_layout_quads[data-current="2"]>div:first-child,.section_layout_quads[data-current="2"]>div:nth-child(3){width:25%}.section_layout_quads[data-current="2"]>div:nth-child(4){width:75%}.section_layout_quads[data-current="3"]>div:nth-child(2),.section_layout_quads[data-current="3"]>div:nth-child(4){width:25%}.section_layout_quads[data-current="3"]>div:first-child{width:75%}.section_layout_quads[data-current="4"]>div:first-child,.section_layout_quads[data-current="4"]>div:nth-child(3){width:25%}.section_layout_quads[data-current="4"]>div:nth-child(2){width:75%}.section_layout_two_cols{padding:0;display:grid;grid-template-columns:1fr 1fr}.section_layout_two_cols h2{font-size:8vw;font-weight:700;line-height:.9em}.section_layout_two_cols p{margin-top:4rem;max-width:38em;line-height:1.5em}.section_layout_two_cols>div{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;background:-webkit-gradient(linear,left top,right top,color-stop(80%,#b5b5b5),to(red));background:linear-gradient(90deg,#b5b5b5 80%,red)}.section_layout_two_cols>div:nth-child(2){background:-webkit-gradient(linear,right top,left top,color-stop(80%,#767676),to(red));background:linear-gradient(-90deg,#767676 80%,red)}.section_layout_two_cols>div:hover{background:#00f;color:#fff}.type-page .page-title{text-shadow:0 0 100px red,0 0 100px red}.section_type_stretched{padding-top:4rem}.section_type_stretched div{font-size:10vw;font-weight:600;font-family:Times New Roman,Times,serif;-webkit-transform:scaleX(.9) scaleY(2);transform:scaleX(.9) scaleY(2);-webkit-transition:-webkit-transform .6s cubic-bezier(.61,.43,.12,.96);transition:-webkit-transform .6s cubic-bezier(.61,.43,.12,.96);transition:transform .6s cubic-bezier(.61,.43,.12,.96);transition:transform .6s cubic-bezier(.61,.43,.12,.96),-webkit-transform .6s cubic-bezier(.61,.43,.12,.96);z-index:-1;background:green;height:.9em;margin-bottom:.6em;width:0}.section_type_stretched p{text-shadow:0 0 2px #000,0 0 1px #000;position:absolute;right:0;top:70vh;font-size:1.5rem;max-width:22em;text-transform:uppercase;-webkit-transform:scaleX(.9) scaleY(1.5);transform:scaleX(.9) scaleY(1.5)}.rotate{display:inline-block;-webkit-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite}.section_type_stretched div:hover{-webkit-transform:scaleX(.9) scaleY(1);transform:scaleX(.9) scaleY(1)}.section_type_variable{font-family:Recursive;position:relative;width:calc(100vw - 4rem);cursor:crosshair}.section_type_variable .type{font-size:10vw;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.section_type_variable .type div{--slnt:0;--MONO:1;--CASL:0;--CRSV:0.5;font-weight:var(--weight);font-variation-settings:"MONO" var(--MONO),"CASL" var(--CASL),"slnt" var(--slnt),"CRSV" var(--CRSV)}.mouse-pos{position:fixed;-webkit-perspective:1000;pointer-events:none;margin-left:4rem;margin-top:1rem}.section_type_blurred h1{font-size:10vw;text-align:center;-webkit-filter:blur(.8vw);filter:blur(.8vw);-webkit-transition:-webkit-filter 1s ease-in;transition:-webkit-filter 1s ease-in;transition:filter 1s ease-in;transition:filter 1s ease-in,-webkit-filter 1s ease-in}.section_type_blurred h1:hover{-webkit-filter:blur(0);filter:blur(0)}.section_random_stretch{width:100vw;height:80vh;display:flex;font-size:10vw}.image-smear-page{position:fixed;top:0;left:0;height:100%;margin:0;background-size:cover;width:100%}.image-smear-page p{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.image-smear-page canvas{cursor:crosshair}.image-smear-page canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.checker-bg{background-image:linear-gradient(45deg,#bfbfbf 25%,transparent 0),linear-gradient(-45deg,#bfbfbf 25%,transparent 0),linear-gradient(45deg,transparent 75%,#bfbfbf 0),linear-gradient(-45deg,transparent 75%,#bfbfbf 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.threed-page{width:100%;height:100vh;cursor:-webkit-grab;cursor:grab;cursor:url(/cursor-hand.png),pointer!important}.threed-page:active{cursor:url(/cursor-grab.png),pointer!important}.dvd-page{position:fixed;background:#000;width:100%;height:100%}.dvd-page .dvd{position:absolute;width:10rem;height:10rem;color:#000;font-size:2rem;font-family:sans-serif;background:#fff;display:flex;align-items:center;justify-content:center}.dvd-page .dvd-ball{position:absolute;width:4rem;height:4rem;font-size:4rem;background:transparent!important}.interaction-page{min-height:100vh}.window{width:40vw;min-width:40vw;min-height:25vw;background:grey;-webkit-box-shadow:10px 10px 50px rgba(0,0,0,.5);box-shadow:10px 10px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;position:absolute}.window.fullscreen{top:0;left:0;width:100%;height:100%;-webkit-transform:none!important;transform:none!important}.window .toolbar{display:flex;padding:8px;cursor:-webkit-grab;cursor:grab;cursor:url(/cursor-grab.png),pointer!important}.window .toolbar h3{flex:1 1;text-align:center}.window .window_contents{flex:1 1;display:flex}.window iframe{flex:1 1;width:100%;height:100%}.icons{display:flex}.desktop-icon{display:flex;flex-direction:column;margin:1rem;align-items:center;width:calc(64px + 1rem);cursor:pointer;cursor:url(/cursor-pointer.png),pointer!important;padding:1rem}.desktop-icon .icon{font-size:64px}.desktop-icon .title{text-align:center}.desktop-icon:hover .title{background:#000;color:#fff}.desktop-icon:active{background:rgba(0,0,0,.5)}iframe.dragging{display:none}.dragging-text{margin:0;font-size:4rem;color:red}.clock{position:fixed;bottom:4rem;right:4rem;font-size:10vw;margin:0}@-webkit-keyframes rainbowbg{0%{background-color:#fa0000}15%{background-color:#fadd00}25%{background-color:#19b800}40%{background-color:#00fa4f}50%{background-color:#00faf6}65%{background-color:#005cfa}80%{background-color:#7d00fa}95%{background-color:#fa00d4}to{background-color:#fa0000}}@keyframes rainbowbg{0%{background-color:#fa0000}15%{background-color:#fadd00}25%{background-color:#19b800}40%{background-color:#00fa4f}50%{background-color:#00faf6}65%{background-color:#005cfa}80%{background-color:#7d00fa}95%{background-color:#fa00d4}to{background-color:#fa0000}}.colours-page{-webkit-animation:rainbowbg 20s infinite;animation:rainbowbg 20s infinite}.colours-page .page-title{color:#fff;mix-blend-mode:difference}.section_colours{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;width:calc(100vw - 4rem)}.section_colours>div{position:relative;width:100%;aspect-ratio:1;border-radius:50%;-webkit-transition:border-radius .3s ease-in-out;transition:border-radius .3s ease-in-out;display:flex;align-items:center;justify-content:center;font-size:2vw;text-transform:uppercase}.section_colours>div:hover{border-radius:0}.rainbow-stripe{background:-webkit-gradient(linear,left top,right top,from(red),color-stop(10%,#ff9a00),color-stop(20%,#d0de21),color-stop(30%,#4fdc4a),color-stop(40%,#3fdad8),color-stop(50%,#2fc9e2),color-stop(60%,#1c7fee),color-stop(70%,#5f15f2),color-stop(80%,#ba0cf8),color-stop(90%,#fb07d9),to(red));background:linear-gradient(90deg,red,#ff9a00 10%,#d0de21 20%,#4fdc4a 30%,#3fdad8 40%,#2fc9e2 50%,#1c7fee 60%,#5f15f2 70%,#ba0cf8 80%,#fb07d9 90%,red);width:200vw;height:4rem}.emoji-random{font-size:4.99vw}.section_websafe{height:auto}.section_websafe h1{font-weight:700;line-height:.8em;margin-bottom:4rem}.websafe_table{display:grid;grid-template-columns:1fr 1fr}.websafe_row{display:flex;height:4rem;align-items:center;font-size:1vw}.websafe_colour_block{width:50%;height:4rem}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.section_pinwheel{background-color:#fff;display:flex;align-items:center;justify-content:center}.section_pinwheel svg{width:20vw;height:auto;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.section_complementary{display:flex;flex-wrap:wrap;overflow:hidden;position:relative}.section_complementary>div{width:33.33%;height:50%}.section_complementary .inner{background-color:#fff;width:100%;height:100%;border-radius:50%;mix-blend-mode:difference;-webkit-transition:border-radius 1s cubic-bezier(.61,.43,.12,.96),-webkit-transform 1s cubic-bezier(.61,.43,.12,.96);transition:border-radius 1s cubic-bezier(.61,.43,.12,.96),-webkit-transform 1s cubic-bezier(.61,.43,.12,.96);transition:border-radius 1s cubic-bezier(.61,.43,.12,.96),transform 1s cubic-bezier(.61,.43,.12,.96);transition:border-radius 1s cubic-bezier(.61,.43,.12,.96),transform 1s cubic-bezier(.61,.43,.12,.96),-webkit-transform 1s cubic-bezier(.61,.43,.12,.96);-webkit-transform:scale(1);transform:scale(1)}.section_complementary>div:hover .inner{border-radius:0;-webkit-transform:scale(.5);transform:scale(.5)}.section_complementary h2{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;font-size:8vw;color:#fff;mix-blend-mode:difference;text-align:center;line-height:.8em}