@font-face{font-family:Old London;src:url(/fonts/old_london/OldLondon.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrains_Mono/JetBrainsMono-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DM Serif";src:url(/fonts/DM_Serif/DMSerifText-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DM Sans;src:url(/fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Trajan;src:url(/fonts/Trajan/Trajan-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"ARB 85 Poster Script JAN-39";src:url(/fonts/arb85-2/arb85.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:US Angel;src:url(/fonts/usangel/usangel.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Cloister Black;src:url(/fonts/cloister-black/CloisterBlack.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf) format("truetype")}@font-face{font-family:Fanwood;src:url(/fonts/fanwood/fanwood-master/webfonts/fanwood-webfont.ttf) format("truetype")}@font-face{font-family:Ostrich Sans;src:url(/fonts/ostrich-sans/ostrich-sans-master/webfonts/ostrich-sans-black.ttf)}@font-face{font-family:"Inria Serif";src:url(/fonts/Inria_Serif/InriaSerif-Italic.ttf)}@font-face{font-family:Ranade;src:url(/assets/Ranade-Variable-d39395b2.ttf)}:root{--main-background: #0D0D0D;--main-background-light: #fdfdfd}*{margin:0;padding:0;scroll-behavior:smooth}html,body{margin:0;padding:0;overflow-x:hidden;background:var(--main-background)}::selection{background:hsl(51,100%,67%);color:#47401a}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--main-background-light);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fade-out .5s ease-out forwards;animation-delay:1s}x.loading-screen{height:100vh;grid-column:1 / span 12;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(1.3)}}#main__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;font-family:monospace;word-wrap:break-word;overflow-wrap:break-word;color:#151515;line-height:.8em;font-size:3em}#shadow-thing{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;box-shadow:inset calc(var(--shadow-x)) calc(var(--shadow-y)) 100px var(--shadow-color);--shadow-x: 200px;--shadow-y: 250px;--shadow-color: white}#shadow-thing:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:inherit;box-shadow:inset calc(var(--shadow-x)*-1) calc(var(--shadow-y)*-1) 100px var(--shadow-color);--shadow-color: white}.thing{content:"";position:fixed;width:140vw;aspect-ratio:1 / 1;background-size:cover;box-shadow:inset 0 0 100vw 100vw #000;z-index:1001;border-radius:50%;animation:box-shadow .7s ease-out 1;animation-delay:1s;animation-fill-mode:forwards}.thing:after{content:"";position:absolute;z-index:1000;width:100%;height:100%;opacity:0;border-radius:5px;box-shadow:inset 0 0 100vw 100vw #000}@keyframes box-shadow{0%{box-shadow:inset 0 0 70vw 70vw #000}to{box-shadow:inset 0 0 #000}}#main__title{display:flex;flex-direction:row;align-items:baseline;justify-content:center;text-transform:uppercase;width:fit-content;height:fit-content;font-size:4em;letter-spacing:.5em;font-family:var(--primary-font);transition:scale 1s;clip-path:rect(0 100% 100% 0)}#main__title span{text-align:center;cursor:default;-webkit-user-select:none;user-select:none;text-shadow:var(--primary-text-shadow);margin:-1rem .2em;line-height:2}#main__title span:hover{text-shadow:0px 0px 20px rgba(255,255,255,.5)}.main__title-char-container{position:relative}#bg{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;display:block;pointer-events:none}#particles-bg{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:1000;display:block;pointer-events:none}#construction-banner{background:hsla(51,100%,67%,.938);width:550px;height:3rem;box-sizing:border-box;max-width:100vw;text-wrap:wrap;text-align:center;display:flex;justify-content:center;align-items:center;padding:10px 50px;font-family:Georgia,Times New Roman,Times,serif;color:#6d6227;border-radius:100px;position:fixed;top:20px;left:calc(50vw - 275px);z-index:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:flash-background .3s ease-in-out infinite alternate}.block{position:relative;width:25vw;height:25vw;border-radius:100px;background:linear-gradient(0deg,#000,#262626)}.construction-banner-shadow{width:550px;height:3rem;box-sizing:border-box;max-width:100vw;position:fixed;top:20px;left:calc(50vw - 275px);z-index:400}.shadow:before,.shadow:after{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:100px;background:linear-gradient(45deg,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000);background-size:400%;z-index:-1;animation:shadow 20s linear infinite}.shadow:after{top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);filter:blur(24px);opacity:.9}@keyframes shadow{0%{background-position:0 0}50.01%{background-position:200% 0}to{background-position:0 0}}@keyframes flash-background{0%{background:hsla(51,100%,67%,.938)}to{background:hsla(51,100%,88%,.938)}}@media screen and (max-width: 768px){#construction-banner{width:90vw;left:5vw;padding:10px 1.5em}}.background-image{position:fixed;left:0;right:0;width:100%;height:100%;z-index:-1;display:block;background:center no-repeat url(/assets/Great_Wave_off_Kanagawa2-c0d08035.jpg);background-size:cover;width:1200px;height:800px;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(0px)}main{display:flex;flex-direction:column;align-items:center}.small-screen-notification{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--main-background-light);padding:3rem;text-align:center}@media screen and (min-width: 600px){.small-screen-notification{display:none}}.nav-bar{position:fixed;top:20px;right:20px;z-index:999;width:300px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-bar ul{list-style:none;display:flex;justify-content:center;align-items:center;width:fit-content;outline:1px solid #000000;box-sizing:border-box}.nav-bar li{cursor:pointer}.nav-bar a{background-color:#fff;display:block;text-decoration:none;color:#000;padding:1rem}.nav-bar a:hover{background:#000000;color:#fff}.blue-section{width:500px;height:80vh;background:rgba(94,120,153,.726);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:20px;box-sizing:border-box;margin:25px 0}.blue-section *{color:#fff}.hero-section{position:fixed;width:100vw;height:100vh;z-index:2}.picture-frame{position:fixed;width:200px;scale:1;z-index:0;pointer-events:none;translate:0 calc(var(--about-section-offset-top) + 34.5vw)}.picture-frame-transparent{opacity:1;z-index:3}*{--about-section-offset-top: -35vw}.hero-scroll-spacer{height:100vh}.about-section{position:relative;top:var(--about-section-offset-top);width:100vw;height:200vh;background:var(--main-background);color:#fff;display:flex;align-items:center;justify-content:flex-end;transform-origin:48% 57%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-section:after{content:"";position:absolute;left:0;top:0;width:100%;height:133.33vw;box-shadow:inset 0 -60vw 1000px -200px var(--main-background)}.about-section:before{position:absolute;left:0;bottom:var(--about-section-offset-top);width:100%;height:calc(var(--about-section-offset-top)*-1);background:#010101aa;z-index:1}.about-section-content{perspective:1000px;z-index:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:83vw}.about-section-title{font-family:Crimson Text,"DM Serif",Georgia,Times New Roman,Times,serif;font-size:6rem;font-weight:600;text-transform:uppercase;letter-spacing:11.52px;margin-bottom:2rem}.about-section p{margin:2rem;font-size:1.2em;max-width:300px;font-weight:200;font-family:Ranade,Roboto,sans-serif;text-transform:uppercase;font-style:normal;letter-spacing:5%}.about-section a{color:#fff}.frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}#fhole-path{transform-box:fill-box}.hero-section-background{background-color:var(--main-background-light);background-size:36px 36px,36px 36px,100% 100%;background-position:0 0,0 0,center;width:100vw;height:100vh;clip-path:url(#fhole)}.hero-section-foreground-image{width:105vw;position:absolute;top:var(--about-section-offset-top);left:0;z-index:99;clip-path:inset(0 0 50% 0)}.about-section-background-img{width:105vw;position:absolute;top:0;left:0;z-index:0;clip-path:rect(0 100vw 133vw 0)}.hero-section p{margin:1em 0;font-family:Cutive Mono,JetBrains Mono,monospace;font-size:1.1em}.hero-section-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10vh 0;z-index:1}.hero-section-content h1{font-size:6rem;font-family:Crimson Text,Times New Romans,serif;font-style:italic;font-weight:400}.hero-section-content h2{font-size:1.5rem;font-family:Crimson Text,Times New Romans,serif;text-transform:uppercase;font-style:normal;font-weight:400;letter-spacing:23%;margin:.2em;text-align:center;color:#505050}.hero-section-links{position:absolute;bottom:5vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.hero-section-links a{width:35px;height:35px;opacity:.5;cursor:pointer}.hero-section-links a img{width:100%;height:100%}.projects-section{display:flex;justify-content:flex-start;align-items:center;background:var(--main-background);color:#fff;width:100vw;height:200vh;padding:0;position:relative}.projects-section h1{font-family:Crimson Text,"DM Serif",Georgia,Times New Roman,Times,serif;font-size:4rem;font-weight:600;text-transform:uppercase;letter-spacing:11.52px;margin-bottom:5rem}.projects-container{display:grid;place-items:center;perspective:none;width:100vw;position:relative}.project-card{position:absolute;top:0;width:30vw;height:20vw;background:#010101;border:1px solid #ffffff;padding:1rem}#p1{z-index:3}#p2{z-index:2}#p3{z-index:1}#box{--width: 300px;--height: 300px;width:var(--width);height:var(--height);background:repeating-linear-gradient(90deg,#00000000,#00000022 6.25%);cursor:grab;border:0px solid #ffffff;--backdrop-filter-basics: blur(0px) sepia(0) invert(0);border-radius:var(--border-radius);--border-radius: 50px}#box:after{border-radius:var(--border-radius);content:"";display:block;width:var(--width);height:var(--height);background:linear-gradient(90deg,#00000011,#00000000,#00000011)}#box:active{cursor:grabbing}@supports (backdrop-filter: url(#displacementFilter)){#box{-webkit-backdrop-filter:url(#displacementFilter) var(--backdrop-filter-basics) blur(1px);backdrop-filter:url(#displacementFilter) var(--backdrop-filter-basics) blur(1px)}}@supports not (backdrop-filter: url(#displacementFilter)){#box{-webkit-backdrop-filter:var(--backdrop-filter-basics);backdrop-filter:var(--backdrop-filter-basics)}}@-moz-document url-prefix(){#box{-webkit-backdrop-filter:blur(5px) var(--backdrop-filter-basics)!important;backdrop-filter:blur(5px) var(--backdrop-filter-basics)!important}}#lens{--radius: 100px;--backdrop-filter-basics: blur(0px) sepia(0) invert(0);position:fixed;top:calc(50vh - var(--radius));left:calc(50vw - var(--radius));width:calc(var(--radius) * 2);height:calc(var(--radius) * 2);background:rgba(255,0,0,.24);border-radius:50%;-webkit-backdrop-filter:url(#lensDisplacementFilter) var(--backdrop-filter-basics) blur(1px);backdrop-filter:url(#lensDisplacementFilter) var(--backdrop-filter-basics) blur(1px)}#lens:after{border-radius:var(--border-radius);content:"";display:block;width:var(--width);height:var(--height);background:linear-gradient(90deg,#00000011,#00000000,#00000011)}#lens:active{cursor:grabbing}section{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.cropped-section{background:purple;padding:10vh 10vw;box-sizing:border-box;position:absolute;top:0;left:0;right:0;height:200vh;display:flex;align-items:start;justify-content:center}#profile-img{width:200px;border-radius:50%}.chromatic-aberration-section{height:100vh}.chromatic-aberration{color:#ff00ff1a;font-size:4em;font-family:sans-serif;margin:1rem}.variable-width-text-section{height:100vh;display:grid;place-items:center}.variable-width-text span{font-family:Roboto;font-weight:100;cursor:default;text-transform:uppercase}@keyframes font-width{0%{font-weight:100}to{font-weight:900}}#gradual-blur-box{width:300px;height:300px;position:absolute;top:0;left:0;display:flex;flex-direction:column;outline:1px solid black}.gradual-blur-div{width:100%;flex-grow:1;margin-top:-3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gradual-blur-section{height:100vh;background:linear-gradient(90deg,#8aaff5,#749dec,#6290e5,#5686da,#467dd5,#3d75ca,#326fc2,#316bbc,#2b66b4,#2862ac);position:relative;z-index:0;isolation:isolate}.gradual-blur-section:after{display:none;width:300%;height:300%;content:"";position:absolute;transform:translate(-50%);top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;box-shadow:inset 0 300px 300px #000}.standing-on-rock-section{background-position:center top;background-repeat:no-repeat;background-size:contain;z-index:0;height:fit-content;display:flex;justify-content:center;align-items:start;position:relative}.rock-background-img{width:100%}.about-me-heading{font-family:Roboto,DM Sans,serif;font-size:22em;text-wrap:nowrap;color:#fff;text-transform:uppercase;font-weight:100;position:fixed;top:0}.next-section{height:100vh;width:100vw;background:red}.test-section{height:100vh;width:100vw;background:green;position:relative}.clipped-thing{display:none;width:300px;height:300px;background:blue;clip-path:path(evenodd,"M 0 0 L 300 0 L 300 300 L 0 300 Z M 90 90 L 210 90 L 210 210 L 90 210 Z");transition:clip-path 1s ease}.clipped-thing:hover{clip-path:path(evenodd,"M 0 0 L 300 0 L 300 300 L 0 300 Z M 150 10 L 290 150 L 150 290 L 10 150 Z")}.test-section-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/Great_Wave_off_Kanagawa2-c0d08035.jpg) center no-repeat;background-size:cover;clip-path:path(evenodd,"M 0 0 L 1000 0 L 1000 1000 L 0 1000 Z M 500 200 L 900 200 L 900 675 L 500 675 Z");transition:clip-path 1s ease}.test-section-background:hover{clip-path:path(evenodd,"M 0 0 L 1000 0 L 1000 1000 L 0 1000 Z M 600 100 L 1000 300 L 800 775 L 400 575 Z")}.test-frame{position:absolute;top:200px;left:500px;width:400px;height:475px;transition:1s ease}.test-frame:hover{rotate:45deg}