#root{margin:0;padding:0}html,body{height:100vh;width:100vw;margin:0;padding:0}img{background-repeat:no-repeat}.tool-icon{max-width:12px}.no-overscroll{overscroll-behavior:none}.logo{height:2em;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)}body{margin:0}h1{font-size:3.2em;line-height:1.1}h1.h1-home{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Ubuntu,sans-serif;font-size:50px;animation:fadeIn 3s forwards,fadeOut 1.5s 4s forwards}h1.h1-home-2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Ubuntu,sans-serif;font-size:50px;animation:fadeIn 3s 5s both,fadeOut 1.5s 9s forwards}h3{font-family:Ubuntu,sans-serif;font-size:16px}h3.h3-projects{font-size:4vh}h3.h3-home{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;animation:fadeIn 3s 10s both}h4{display:inline-block;position:relative;text-decoration:none}h4:hover{color:#f2873b!important}h4:before{content:"";position:absolute;width:100%;height:3px;bottom:0;background-color:#7dd6d1;border-radius:10px;transform:scaleX(0);transition:transform .3s ease}h4:hover:before{transform:scaleX(1)}p{font-family:Avenir,Helvetica,sans-serif}p.dp{font-family:Ubuntu,sans-serif}p.cm{font-family:JetBrains Mono,monospace}a{display:inline;padding-left:1.5vw;padding-right:1.5vw;color:#0009}li{position:relative;display:inline;float:left}ul{margin:0;overflow:hidden;list-style-type:none}button{background-color:#0000;border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;transition:border-color .25s;cursor:pointer}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app-folder{min-width:80px;max-width:8%;margin-bottom:2%;text-align:center}.app-folder-text{margin-top:0;color:#fff;filter:drop-shadow(0 0 4px #777777)}.app-folder-icon{transition-duration:.3s}.app-folder-icon:hover{transform:scale(115%)}.window{display:flex;flex-direction:column;width:65vw;position:relative;z-index:999}.window-heading{align-items:center;display:inline-flex;justify-content:space-between;width:100%;background-color:#ffffff80;border-radius:10px 10px 0 0}.window-heading-text{display:flex;margin:.5rem 1rem;color:#000000b3}.window-heading-icons{float:right;margin-right:1rem}.main-content{height:50%;background-color:#ffffffe6;border-radius:0 0 10px 10px;overflow:scroll}.window-img{max-width:80%;margin-left:auto;margin-right:auto;margin-top:5%;display:block;border-radius:10px}.icon-button{display:inline-flex;margin:.7rem 0;color:#000;background-color:#0000;cursor:pointer}.window-link{margin:.7rem 0}.icon-image{max-width:1.2rem}.icon-image-minimize{max-width:1.2rem;margin-bottom:0}.window-main-text{text-align:left;line-height:24px;padding:0 1rem;color:#000;white-space:pre-line;font-weight:400}.small-z-index{z-index:0}.large-z-index{z-index:999}.absolute{position:absolute}.window-classic{display:flex;flex-direction:column;width:65vw;position:relative;z-index:999}.window-heading-classic{align-items:center;display:inline-flex;justify-content:space-between;background-color:#fff;border:3px solid black;border-bottom:0;filter:drop-shadow(6px 6px 0px #000000)}.window-heading-text-classic{display:flex;margin:.5rem 1rem;color:#000}.main-content-classic{height:50%;background-color:#fff;border:3px solid black;filter:drop-shadow(6px 6px 0px #000000);overflow:scroll}.menu-lines{flex-grow:3}hr{height:3px;background-color:#000;border-color:#0000;margin:5px 0}.nav-bar{display:inline-flex;justify-content:space-between;align-items:center;width:100vw;position:relative;z-index:999}.nav-image-hover{position:absolute;object-fit:contain;width:70px;height:70px;right:0;left:1.5vw;opacity:0;transition:opacity .2s}.nav-image-hover:hover{opacity:1}.nav-image{vertical-align:middle}.nav-right{float:right;vertical-align:middle;align-content:center}.nav-darktoggle{cursor:pointer;vertical-align:middle;max-height:30px;padding:.6em;transition-duration:.3s}.nav-darktoggle:hover{transform:scale(115%)}.rect{display:none;visibility:hidden}@media only screen and (max-width: 600px){.nav-bar{display:inline-flex;justify-content:space-between;align-items:center;width:325px;background-color:#0000;position:absolute;left:50vw;transform:translate(-50%,20%);z-index:999;filter:drop-shadow(0 4px 10px var(--light-gray))}.nav-left{display:inline-flex;justify-content:space-between;align-items:center;width:225px;padding:0 2%;background-color:#fff;border-radius:10px;height:60px}.dropdown-menu-container{position:absolute;width:325px;min-height:200%;border-radius:10px;background-color:#fffc;transform:translateY(25%);align-content:end;justify-content:center;z-index:-1;filter:drop-shadow(0 4px 10px var(--light-gray))}.dropdown-menu{display:flex;align-content:center;justify-content:center;z-index:-1;transition-duration:.5s}.nav-image-hover{padding:0 2%}.nav-right{float:right;vertical-align:middle;align-content:center;border-radius:10px;height:60px;background-color:#fff}.rect{display:block;visibility:visible}.home-window{margin:7.5% auto auto}h3.h3-home{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:20px;animation:fadeIn 3s 10s both}.website-background{height:100vh;background-image:url(/assets/website_background_v2-D3aPv-fG.png);background-size:100vw auto;background-position:center bottom;background-repeat:no-repeat}}.footer{position:fixed;width:100%;left:0;bottom:0;background-color:#fffc;border-radius:10px 10px 0 0;line-height:2rem}.row{width:100%;margin:0 auto;padding-left:12px}.website-background{width:100vw;height:100vh;background-image:url(/assets/website_background_v2-D3aPv-fG.png);background-size:100vw auto;background-position:center bottom;background-repeat:no-repeat}.website-background-fill{background-image:url(/assets/website_background_v2-D3aPv-fG.png);background-position:center bottom;background-size:contain}.extra-padding{padding-top:1.2vw;padding-bottom:1.2vw;padding-left:1.5vw}.right-align{float:right}.center{display:flex;justify-content:center;align-items:center;text-align:center}.background-container{display:block;position:absolute;top:0;z-index:0}@keyframes background-bytes{0%{top:-50px}to{top:1000px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:root{font-family:JetBrains Mono,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;background-size:auto 100vw;--default-orange: #F2873B;--default-teal: #7DD6D1;--light-gray: #D7D7D7;--medium-gray: #4C4C4C;--homebrew-color-green: #2AFE14;--homebrew-color-gray: #A6A6A6;--homebrew-color-red: #970001;--homebrew-color-blue: #5B32F2}.home-one{background-image:url(/assets/init-wallpaper-CGwKHYbq.jpg);background-size:cover;background-position:center;overflow:hidden;background-repeat:no-repeat;width:100vw;height:100vh}.home-two{background-color:#777;background-size:100vw 100vh;width:100vw;height:100vh}.home-window{position:absolute;left:50%;transform:translate(-50%,10%)}.app-folder-container{position:absolute;margin-top:38vh;margin-left:2vw}.easter-egg{position:absolute;left:0;top:20vh}svg.easter-egg path{stroke-dashoffset:1100.7;stroke-dasharray:1100.7;stroke-linejoin:round;animation:outline 8s forwards,un-outline 8s 8s forwards,fadeOut 1s 15s forwards}@media only screen and (max-width: 600px){.app-folder-container{position:absolute;margin-top:80vh;display:inline-flex;align-items:baseline;justify-content:center}}.about-one{background-color:#fff}.about-two{background-color:#000;color:var(--homebrew-color-green)}.about-main-branch{background-color:var(--homebrew-color-red);width:.5vw;height:250vh}.about-commit{width:20px;height:20px;border-radius:50%;background-color:var(--homebrew-color-red);position:absolute;border:3px solid #000000}.bytes-ul{max-height:70px}.git-repo{overflow-x:scroll}.popup{padding:5px 10px;max-width:500px;background:#555;color:#fff;border-radius:7px;white-space:pre-line;transform:translateY(-110%);transition-duration:.3s;cursor:pointer}.contact-content{width:100vw;padding-top:40px;display:flex;justify-content:space-between}.left{width:fit-content;height:fit-content;margin-left:auto;margin-right:auto}.right{height:fit-content;margin-left:auto;margin-right:auto}.contact-title{font-family:Ubuntu,sans-serif;font-size:60px;font-weight:800;color:var(--default-teal);line-height:1;margin-top:0;width:fit-content}.contact-description{font-family:Ubuntu,sans-serif;color:var(--medium-gray);width:40vw}.socials-container{display:grid;width:fit-content}.social-group{display:inline-flex;gap:4px;width:fit-content;padding-left:0;color:var(--medium-gray)}.social-icon{max-width:20px}.contact-label{color:var(--default-orange)}.text-input{width:30vw;min-height:30px;margin-bottom:10px;padding:5px;box-shadow:inset 0 0 3px #d7d7d7;border:1px solid #D7D7D7;border-radius:5px;font-family:ubuntu,sans-serif;color:var(--medium-gray)}.message-input{width:30vw;min-height:120px;padding:5px;border:1px solid #D7D7D7;border-radius:5px;resize:vertical;box-shadow:inset 0 0 3px #d7d7d7;font-family:ubuntu,sans-serif;color:var(--medium-gray)}.contact-btn{padding:16px;border:0;border-radius:5px;width:100%;background-color:var(--default-teal);filter:drop-shadow(0px 3px 3px var(--light-gray));font-family:ubuntu,sans-serif;text-align:center;cursor:pointer;color:var(--medium-gray);transition-duration:.5s;margin-bottom:110px}.contact-btn:hover{background-color:#7dd6d199}@media only screen and (max-width: 600px){.contact-content{width:100vw;display:flex;flex-direction:column;align-items:baseline;justify-content:center}.contact-title{margin-top:60px}.contact-description{width:75vw}.text-input{width:75vw;min-height:30px;margin-bottom:10px;padding:5px;box-shadow:inset 0 0 3px #d7d7d7;border:1px solid #D7D7D7;border-radius:5px;font-family:ubuntu,sans-serif;color:var(--medium-gray)}.message-input{width:75vw;min-height:120px;padding:5px;box-shadow:inset 0 0 3px #d7d7d7;border:1px solid #D7D7D7;border-radius:5px;resize:vertical;font-family:ubuntu,sans-serif;color:var(--medium-gray)}.git-repo{overflow-x:scroll;margin-top:75px}}svg.git-repo path.primary{stroke-dashoffset:1560;stroke-dasharray:1560;animation:outline 5s 1s forwards}svg.git-repo path.secondary{stroke-dashoffset:1546;stroke-dasharray:1546;animation:outline 4.5s 1.5s forwards}svg.git-repo path.tertiary{stroke-dashoffset:522.84271247;stroke-dasharray:522.84271247;animation:outline 3s 3s forwards}svg.git-repo path.quaternary{stroke-dashoffset:1240;stroke-dasharray:1240;animation:outline 1.78s 3.9s forwards}svg.git-repo text{fill-opacity:0;animation:fill-in 2.5s 2.5s forwards}@keyframes outline{to{stroke-dashoffset:0}}@keyframes un-outline{to{stroke-dashoffset:1100}}@keyframes fill-in{to{fill-opacity:1;stroke-opacity:1}}.background-scene{z-index:0}.pillars{position:absolute;bottom:0;z-index:2;max-height:56vh}.trees{display:inline-flex;position:absolute;bottom:-5px}.background-trees{position:absolute;bottom:0;z-index:1;height:25vh}.middleground-trees{position:absolute;bottom:0;margin:auto;z-index:1}.foreground-trees{position:relative;bottom:0;z-index:3;height:25vh}.bullet-train{display:inline-flex;position:absolute;bottom:35vh;z-index:4;right:50vw}.swipe-down{position:absolute;bottom:50vh;left:50vw;display:inline-flex;align-items:center}.down-arrow{height:4vh;margin-left:10px}.stations{position:absolute;bottom:34vh;max-height:2vh;display:inline-flex;align-items:end;z-index:3}.station-group-one{position:absolute;left:350vh}.station-group-two{position:absolute;left:820vh}.station-group-three{position:absolute;left:1250vh}.projects-window{z-index:6}.project-one-window{position:absolute;bottom:15vh;left:350vh;transform:translate(-25%)}.project-one-station{height:17vh;cursor:pointer}.project-two-window{position:absolute;bottom:15vh;left:820vh;transform:translate(-25%)}.project-two-station{height:20vh;cursor:pointer}.project-three-window{position:absolute;bottom:15vh;left:1250vh;transform:translate(-25%)}.project-three-station{height:30vh;cursor:pointer}.railroad-crossing{position:absolute;bottom:34.75vh;left:120vh;max-height:23vh;display:inline-flex;align-items:end;z-index:3}.mountains{position:absolute;bottom:0;left:900px;z-index:0}.mountain-image{height:80vh}.swiss-clock{position:absolute;bottom:50vh;left:1100vh;width:9vh;z-index:1}.sticky-parent{height:1400vh}.sticky-content{overflow:hidden;position:sticky;top:0;height:100vh}.scroll-section{position:absolute;bottom:0;width:5000vw;will-change:transform;scroll-behavior:smooth}@media only screen and (max-width: 600px){.station-group-one{position:absolute;left:320vh}.station-group-two{position:absolute;left:800vh}.station-group-three{position:absolute;left:1100vh}.project-one-window{position:absolute;bottom:15vh;left:320vh;transform:translate(0)}.project-two-window{position:absolute;bottom:15vh;left:800vh;transform:translate(25%)}.project-three-window{position:absolute;bottom:15vh;left:1100vh;transform:translate(25%)}.railroad-crossing{left:97vh}.swiss-clock{left:450vh}.scroll-section{width:3000vw}}.ps-heading{margin:50px 0 0 50px}.ps-title{font-family:Ubuntu,sans-serif;font-size:60px;color:var(--default-teal)}.ps-hr{width:50vw;height:5px;background-color:var(--medium-gray);border-radius:10px;margin-top:-20px}.ps-description{font-family:Ubuntu,sans-serif;color:var(--medium-gray);width:80vw}.ps-subheading{color:var(--default-orange)}.ps-content{margin:0 50px;display:flex;vertical-align:top;justify-content:space-between}.ps-img{max-width:40vw;margin:4px 10px;border-radius:12px;filter:drop-shadow(4px 4px 10px grey);transition-duration:.2s}.ps-points{font-family:Ubuntu,sans-serif;color:var(--medium-gray)}.ps-img:hover{margin:10px 6px 2px 10px;filter:drop-shadow(4px 4px 10px white)}@media only screen and (max-width: 600px){.ps-container{padding-top:60px}.ps-content{display:block;align-content:center}.ps-img{max-width:70vw;border-radius:7px;filter:drop-shadow(4px 4px 15px grey)}}.dp-container{background-color:#0b2747;background-image:url(../assets/design_portfolio/stars_background.png);background-size:cover}.dp-img-container{display:grid;grid-template-columns:repeat(3,auto);row-gap:1000px;place-items:start center;scroll-snap-type:y mandatory}.dp-img{width:100%;height:auto;transition-duration:.2s;z-index:1;position:relative}.img-with-overlay:hover .dp-img{opacity:.15}.img-with-overlay{max-width:30vw;scroll-snap-align:start;position:relative}.img-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;transition-duration:.2s;color:#fff;opacity:0}.img-with-overlay:hover .img-overlay{opacity:1}.dp-rect{position:absolute;left:0;top:0;z-index:0}.jupiter-img{position:absolute;top:80vh;left:10vw;width:30vw}.death-star-img{position:absolute;top:250vh;right:10vw;width:10vw}.tp-background{background:url(/assets/patco_8th_market-Dsn0qX76.jpg) no-repeat;background-size:cover;width:100vw;min-height:100vh;position:absolute;top:0;left:0}.tp-card{background-color:#000000d6;border:1px solid;border-color:white white transparent white;border-radius:20px 20px 0 0;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:50%;left:0;animation:3s linear 1s slide-in;transition:all 3s ease}.tp-hr{background-color:#fff;width:100%;height:2px;border:none;margin-top:12px}.tp-title{font-family:Helvetica,sans-serif;font-weight:bolder;font-size:40px;line-height:0}.tp-top-row{display:flex;justify-content:space-between;padding-left:10px;padding-right:10px;align-items:center}.train-lines-container{display:flex;flex-direction:column;align-items:start}.train-lines-bg{display:flex;align-items:center;gap:10px}.train-line-circle{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:Helvetica,sans-serif;font-weight:700;font-size:40px}.tp-sub{display:flex;gap:20%;margin:5%;justify-content:center}.sub-card{display:flex;align-items:center;justify-content:center;border:1px solid white;border-radius:10px;width:450px;perspective:1000px;height:250px;box-shadow:0 8px 16px #0000001a;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transform-style:preserve-3d;cursor:pointer}.card-glow{transition-duration:.2s}.background{background-color:#fffbf5}@media only screen and (max-width: 600px){.dp-img-container{padding-top:100px;grid-template-columns:repeat(1,auto);row-gap:100px}.img-with-overlay{max-width:85vw}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#0000}}