:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;display:block}button:hover{border-color:green;filter:blur(1px)}button:focus,button:focus-visible{outline:0x auto -webkit-focus-ring-color}.VerticalCollapsibleContainer{display:table;width:1000px}.HorizontalCollapsibleContainer{display:table;width:69px}.BackgroundImage{background-image:url(/Backgrounds/WebsiteBackground16_albedo.png);background-color:#d6d6d6;z-index:10;position:absolute;background-repeat:repeat;width:100%;height:fit-content;margin-top:-60px;top:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:DOSS;src:url(/Fonts/ExaflopMidTrial.ttf)}@font-face{font-family:Frauen TRIAL;src:url(/Fonts/FrauenTRIAL-Script.woff2) format("woff2"),url(/Fonts/FrauenTRIAL-Script.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Valve Plain;src:url(/Fonts/PPValve-PlainExtrabold.woff2) format("woff2"),url(/Fonts/PPValve-PlainExtrabold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Greenstone Trial;src:url(/Fonts/GreenstoneTrial-Regular.woff2) format("woff2"),url(/Fonts/GreenstoneTrial-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Conforto TRIAL;src:url(/Fonts/ConfortoTRIAL-Bold.woff2) format("woff2"),url(/Fonts/ConfortoTRIAL-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Teachers;src:url(/Fonts/Teachers-Italic.woff2) format("woff2"),url(/Fonts/Teachers-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Teachers;src:url(/Fonts/Teachers-Regular.woff2) format("woff2"),url(/Fonts/Teachers-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Aku & Kamu";src:url(/Fonts/AkuKamu.woff2) format("woff2"),url(/Fonts/AkuKamu.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Mr Headlines;src:url(/Fonts/MrHeadlines.woff2) format("woff2"),url(/Fonts/MrHeadlines.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NEXT ART;src:url(/Fonts/NEXTART.woff2) format("woff2"),url(/Fonts/NEXTART.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NEXT ART;src:url(/Fonts/NEXTART-Heavy.woff2) format("woff2"),url(/Fonts/NEXTART-Heavy.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:NEXT ART;src:url(/Fonts/NEXTART-Light.woff2) format("woff2"),url(/Fonts/NEXTART-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:NEXT ART;src:url(/Fonts/NEXTART-SemiBold.woff2) format("woff2"),url(/Fonts/NEXTART-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:NEXT ART;src:url(/Fonts/NEXTART-Bold.woff2) format("woff2"),url(/Fonts/NEXTART-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rockford Sans;src:url(/Fonts/RockfordSans-Light.woff2) format("woff2"),url(/Fonts/RockfordSans-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Toxigenesis Rg;src:url(/Fonts/ToxigenesisRg-Bold.woff2) format("woff2"),url(/Fonts/ToxigenesisRg-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Code Saver;src:url(/Fonts/CodeSaver-Regular.woff2) format("woff2"),url(/Fonts/CodeSaver-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soliden Trial;src:url(/Fonts/SolidenTrial-Regular.woff2) format("woff2"),url(/Fonts/SolidenTrial-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soliden Trial;src:url(/Fonts/SolidenTrial-Bold.woff2) format("woff2"),url(/Fonts/SolidenTrial-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Soliden Trial Cond;src:url(/Fonts/SolidenTrial-BoldCondensed.woff2) format("woff2"),url(/Fonts/SolidenTrial-BoldCondensed.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Soliden Trial Exp;src:url(/Fonts/SolidenTrial-Expanded.woff2) format("woff2"),url(/Fonts/SolidenTrial-Expanded.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soliden Trial Exp;src:url(/Fonts/SolidenTrial-BoldExpanded.woff2) format("woff2"),url(/Fonts/SolidenTrial-BoldExpanded.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Soliden Trial Cond;src:url(/Fonts/SolidenTrial-Condensed.woff2) format("woff2"),url(/Fonts/SolidenTrial-Condensed.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-Light.woff2) format("woff2"),url(/Fonts/Gantari-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-LightItalic.woff2) format("woff2"),url(/Fonts/Gantari-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-BlackItalic.woff2) format("woff2"),url(/Fonts/Gantari-BlackItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-Black.woff2) format("woff2"),url(/Fonts/Gantari-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-Italic.woff2) format("woff2"),url(/Fonts/Gantari-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-ExtraBold.woff2) format("woff2"),url(/Fonts/Gantari-ExtraBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-ExtraBoldItalic.woff2) format("woff2"),url(/Fonts/Gantari-ExtraBoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-BoldItalic.woff2) format("woff2"),url(/Fonts/Gantari-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-Bold.woff2) format("woff2"),url(/Fonts/Gantari-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-Thin.woff2) format("woff2"),url(/Fonts/Gantari-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-SemiBold.woff2) format("woff2"),url(/Fonts/Gantari-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-Regular.woff2) format("woff2"),url(/Fonts/Gantari-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-ThinItalic.woff2) format("woff2"),url(/Fonts/Gantari-ThinItalic.woff) format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Gantari;src:url(/Fonts/Gantari-SemiBoldItalic.woff2) format("woff2"),url(/Fonts/Gantari-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL;src:url(/Fonts/SFTSchriftedSansTRIAL-Bold.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL;src:url(/Fonts/SFTSchriftedSansTRIAL-Italic.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL ExBold;src:url(/Fonts/SFTSchriftedSansTRIAL-ExtraBold.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-ExtraBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL ExBold;src:url(/Fonts/SFTSchriftedSansTRIAL-ExBoldItalic.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-ExBoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL;src:url(/Fonts/SFTSchriftedSansTRIAL-Light.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL;src:url(/Fonts/SFTSchriftedSansTRIAL-Black.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL;src:url(/Fonts/SFTSchriftedSansTRIAL-LightItalic.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL;src:url(/Fonts/SFTSchriftedSansTRIAL-Medium.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL;src:url(/Fonts/SFTSchriftedSansTRIAL-MediumItalic.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:SFT Schrifted Sans TRIAL;src:url(/Fonts/SFTSchriftedSansTRIAL-Regular.woff2) format("woff2"),url(/Fonts/SFTSchriftedSansTRIAL-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}#root{width:100%;text-align:center;background-color:#f4fff4}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.CoolButton{background-position:right 0% bottom 0%;text-align:left;display:block}.myDiv{text-align:center}.buttonImage{align-items:center;text-align:center}.buttonText{text-align:center}.PortfolioTable{padding-top:60px;justify-content:center;align-items:center;width:100%;min-height:1500px}.PortfolioRow{justify-content:center;align-items:center;display:flex;width:100%;height:17.5vw;padding-bottom:5.5vw;pointer-events:none;position:relative}.MiddleHolder{pointer-events:none}.MiddleOffset{pointer-events:none;padding-top:250px;position:relative}.LeftHolder{pointer-events:none}.LeftOffset{pointer-events:none;padding-top:500px;position:relative}.pdfobject-container{height:500px;border:1px solid #ccc}.HeaderBarFix{height:100vh;pointer-events:none}.Bix{width:25vw;height:17.5vw;position:relative;margin-left:35px;margin-right:35px;padding:0;box-sizing:"border-box";align-items:"center";justify-content:center;pointer-events:all;display:block;border-radius:0;background-color:#fff0;box-shadow:#0009 5px 5px,#0006 10px 10px,#0003 15px 15px,#0000001a 20px 20px,#0000000d 25px 25px;border-width:0px;border-color:#000;transition:.35s}.Bix:hover{border-color:#000;border-width:0px;filter:grayscale(20%) contrast(130%) blur(.5px)}.Bix:focus{border-color:#000;border-width:0px}.PortfolioThumbnail{width:100%;height:100%}.PortfolioTextCard{width:100%;background-color:#0000;background-image:linear-gradient(-90deg,#0000000d,#000000b3);position:absolute;z-index:20;bottom:0}.PortfolioTitle{font-size:200%;margin-left:20px;color:#f0f0f0;text-align:left;text-shadow:1px 2px 2px slategray;font-family:Next Art;text-wrap:balance}.PortfolioSubtitle{font-size:50%;color:#f0f0f0;text-align:left;text-indent:10;text-shadow:1px 2px 2px slategray;font-family:Next Art;z-index:20;bottom:0;text-wrap:balance;padding-bottom:5px}.content-placeholder{padding:20px;transform-origin:top center}.refresh{padding:10px;position:absolute;background:#0006;border-radius:10px;width:20px;height:20px;top:10px;right:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.example-container{width:320px;padding:20px}.word{height:18px;margin-bottom:8px;margin-right:8px;background:#05f;border-radius:10px;display:inline-block}header{background:#05f;border-radius:10px;color:#fff;cursor:pointer;height:40px;width:100%;margin-bottom:20px}.paragraph{margin-bottom:20px}.motion.section{overflow:hidden}@media (max-width: 600px){.content-placeholder{padding-left:20px}.header .word{height:30px}.word{height:14px;margin-bottom:5px;margin-right:5px}.paragraph{margin-bottom:20px}}.HeaderBar{display:flex;position:sticky;top:0;z-index:100;background-color:#f5f5f5;padding-top:0;margin-bottom:60px;box-shadow:#0009 0 5px,#0006 0 10px,#0003 0 15px,#0000001a 0 20px,#0000000d 0 25px}.HeaderButton{border-radius:0;padding-left:40;padding-right:40;padding-bottom:5px;font-family:Conforto TRIAL;letter-spacing:-2.5px;font-size:178%;border-width:0;transition:.35s}button,.HeaderButton.dark{background-color:#f5f5f5;color:#000}button:hover{filter:contrast(50%);text-shadow:3px 3px rgba(0,0,0,.6)}.buttonImage{height:73px}.buttonSpacer{height:10px}.HeaderCard{width:100%;height:37vh;background-color:#f5f5f5;z-index:100;display:flex;justify-content:center;justify-items:center}button:hover{filter:blur(0px);border-color:transparent;transition:.4s}.LogoHolder{margin-top:5vh;width:100%}.CentralButton{background-color:transparent;width:100%;border-radius:0;padding:0;height:fit-content;font-size:80px;font-family:Conforto TRIAL;letter-spacing:-3px}.CentralButton:hover{transition:.4s;text-shadow:4px 4px rgba(0,0,0,.4),8px 8px rgba(0,0,0,.2)}.UpperButton{overflow:hidden;background-color:transparent;width:100%;border-radius:0;padding:0;height:100px;font-size:70px;font-family:Conforto TRIAL;letter-spacing:-3px}.UpperButtonText{background-color:transparent;width:100%;border-radius:0;padding:0;font-size:70px;height:100px;position:relative;font-family:Conforto TRIAL;letter-spacing:-3px;top:50px;transition:.4s}.UpperButtonText:hover{filter:blur(0px);border-color:transparent;top:11px;text-shadow:4px 4px rgba(0,0,0,.4),8px 8px rgba(0,0,0,.2)}.LowerButton{overflow:hidden;background-color:transparent;width:100%;border-radius:0;padding:0;height:100px;font-size:70px;font-family:Conforto TRIAL;letter-spacing:-3px}.LowerButtonText{background-color:transparent;width:100%;border-radius:0;padding:0;font-size:70px;height:fit-content;position:relative;top:-50px;transition:.4s}.LowerButtonText:hover{filter:blur(0px);border-color:transparent;text-shadow:4px 4px rgba(0,0,0,.4),8px 8px rgba(0,0,0,.2);top:-11px}.FooterCard{width:100%;height:33vh;background-color:#fff;z-index:100}.PageEntry{width:100%;height:auto;top:0;white-space:pre-line}h1{text-align:left;font-family:Next Art;font-size:50px;text-wrap:wrap;margin-top:20px;margin-bottom:20px;margin-left:-20px;color:#070707}h2{text-align:left;font-family:SFT Schrifted Sans TRIAL;font-size:34px;text-wrap:wrap;margin-left:-20px;line-height:1.1;color:#070707}p{text-align:left;font-family:SFT Schrifted Sans TRIAL;font-size:18px;text-wrap:wrap;line-height:1.4;color:#070707}embed{width:100%;height:100%;min-height:350px}.PageContent{position:relative;z-index:10;height:auto;justify-content:"center";align-items:center;width:100%}.ContentBlock{height:100%}.resumeEmbed{width:100%;height:100%;min-width:400px;min-height:80vh;padding:5px;background-color:#e4e4e4;box-shadow:#0009 5px 5px,#0006 10px 10px,#0003 15px 15px,#0000001a 20px 20px,#0000000d 25px 25px}.PageContent{position:relative;z-index:10;align-items:"center";justify-content:center;width:100%;display:block;margin:200px auto auto}.ContentBlock{margin:auto auto 30px;width:85vw;height:auto;background-color:#fff;box-shadow:#0009 5px 5px,#0006 10px 10px,#0003 15px 15px,#0000001a 20px 20px,#0000000d 25px 25px;border-width:0px}.ContentRow{justify-content:center;align-items:top;display:flex;width:100%;position:relative}.ContentExpandableRow{justify-content:center;align-items:top;display:flex;width:auto;position:relative;padding-left:96px;padding-right:96px;margin-top:0;margin-bottom:0}.ContentTextHolder{width:100%;height:100%;padding-top:16px;margin-left:96px;margin-right:96px}.ContentText{top:0;text-align:left;font-family:SFT Schrifted Sans TRIAL;text-wrap:wrap;font-size:16px}.ContentImageHolder{width:100%;height:100%;margin:64px 96px}.ContentImage{width:100%}.ExpandHolder{width:100%;align-items:center;align-content:center;justify-content:center;display:block;pointer-events:none;border-top:0px;border-bottom:2px;border-left:0px;border-right:0px;border-style:solid;color:#070707}.ImageButton{margin:0;padding:0;border:0px;pointer-events:all;border-radius:0}.ImageButton:hover{filter:opacity(1)}.ExpandImage{width:100%;height:100%;object-fit:cover;min-height:100%;pointer-events:none}.ExpandButton{border-radius:0;margin:-6px 0 0;padding:8px 0;pointer-events:all;width:100%;top:0;text-align:center;font-family:SFT Schrifted Sans TRIAL;font-size:24px;text-wrap:wrap}.ExpandButton:hover{border-color:transparent;border-radius:0}.ExpandButton:focus{border-color:transparent;border-radius:0}.ExpandText{overflow:hidden;color:#070707}h5{text-align:left;font-family:SFT Schrifted Sans TRIAL;font-size:16px;text-wrap:wrap;font-weight:400;padding-left:25px;padding-right:25px;color:#070707}.NextButtonHolder{position:sticky;width:7vw;height:0px;left:92.5vw;top:0}.LastButtonHolder{position:sticky;width:7vw;height:0px;top:0;right:0}.SequenceButton{width:100%;height:100vh;background-color:transparent;border-width:0;border-radius:0;z-index:20}.SequenceButton:hover{background-color:#ffffff59;border-width:0;z-index:20;text-shadow:0px 0px transparent}.LastButtonText,.NextButtonText{margin:0;padding:0;bottom:-44vh;pointer-events:none;position:relative;text-align:center;font-family:Next Art;font-size:26px;text-wrap:wrap}.LastButtonGraphic{background-color:#fff0;background-image:linear-gradient(-90deg,#0000,#0009,#000);clip-path:polygon(50% 15%,50% 35%,100% 35%,100% 65%,50% 65%,50% 85%,0% 50%);width:100%;height:70px;margin:0;padding:0;bottom:-43vh;pointer-events:none;position:relative}.NextButtonGraphic{background-color:#fff0;background-image:linear-gradient(-90deg,#000,#0009,#0000);clip-path:polygon(0 35%,50% 35%,50% 15%,100% 50%,50% 85%,50% 65%,0 65%);width:100%;height:70px;margin:0;padding:0;bottom:-43vh;pointer-events:none;position:relative}