.fade-in-0{opacity:0;transition:opacity 2s ease-in-out}.fade-in-05{opacity:0;transition:opacity 1s ease-in-out .5s}.fade-in-1{opacity:0;transition:opacity 1s ease-in-out 1s}.fade-in-2{opacity:0;transition:opacity 1s ease-in-out 2s}.fade-in-3{opacity:0;transition:opacity 1s ease-in-out 3s}.fade-in-active{opacity:1}html.has-scroll-smooth{position:fixed;inset:0;overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{white-space:nowrap;height:100vh;display:inline-block}[data-scroll-direction=horizontal] [data-scroll-section]{vertical-align:top;white-space:nowrap;height:100%;display:inline-block}.c-scrollbar{transform-origin:100%;opacity:0;width:11px;height:100%;transition:transform .3s,opacity .3s;position:absolute;top:0;right:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{opacity:.5;width:7px;cursor:-webkit-grab;cursor:grab;background-color:#000;border-radius:10px;margin:2px;position:absolute;top:0;right:0}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}.title-page h1{letter-spacing:1px;margin:0;padding:30vh 0;font-size:clamp(3rem,16vw,12rem);font-weight:700}body{color:#fff;background-color:#000}a{color:#fff}a:hover{color:#000;background:#fff}.start{background:#3b4f6c;padding-bottom:5rem}.start-spacer-v2{height:calc(20vw - 2rem)}#start-pic-parent{position:relative}#start-pic{z-index:10;position:absolute;top:-5vh;left:20%}#start-name-intro{padding-top:25vw}#start-name-intro h2{font-size:1.75rem}@media (width>=800px){.start{height:100vh}#start-pic-parent{width:100vw;position:absolute;top:0}#start-pic{width:55vh;position:relative;top:20vh;left:56vw}#start-name-intro{display:none}#start-fullscreen-intro{position:relative;top:clamp(55vh,35vw,75vh);left:10vw}.start-spacer-v2{display:none}#arrow-in-circle{position:absolute;bottom:1rem;left:calc(50vw - 4rem)}}.education{background-image:linear-gradient(#3b4f6c,#6c3b3b);padding-top:2rem;padding-bottom:10rem}.education a:hover{color:#3b4f6c}@media (width>=800px){.education{justify-content:space-between;padding-left:10vw;padding-right:10vw;display:flex}.quote-section{width:min(400px,40vw);padding-top:2rem;padding-left:2rem}.quote-section .link-section{justify-items:center;display:grid}.education .black-rectangle{width:min(50vw,450px);margin:0;padding-bottom:2rem}}@media (width>=1150px){.quote-section{padding-top:9rem}.quote-section .link-section{display:flex}}.projects-title{background-color:#6c3b3b}.projects{background-image:linear-gradient(#6c3b3b,#3b6c69);padding-top:10rem;padding-bottom:10rem}.projects h1{font-size:2.5rem;line-height:45px}.project img{border:5px solid #fff;display:none}.projects ol li{padding:5px 0}@media (width>=800px){.projects .black-rectangle{margin-left:10vw;margin-right:10vw}}@media (width>=980px){.project{min-height:36rem;position:relative}.project .black-rectangle{width:400px;margin:0 10vw;position:absolute}.project img{z-index:1;width:30vw;display:block;position:absolute;top:2rem;right:10vw}}@media (width>=1200px){.project .black-rectangle{width:490px}}.gallery-item{border:none}.skills-title{background-color:#3b6c69}.skills{background-image:linear-gradient(#3b6c69,#6c3b3b);padding-top:2rem;padding-bottom:10rem}.skills ul{padding:0;list-style-type:none}.skills li{margin-bottom:.5rem}.skill{color:#000;background:#fff;margin:0;padding:6px 1rem;font-weight:700}.bar-100{--p:calc(100% - 2rem);width:100%}.bar-80{--p:calc(80% - 2rem);width:80%}.bar-60{--p:calc(60% - 2rem);width:60%}.bar-40{--p:calc(40% - 2rem);width:40%}.bar-20{--p:calc(25% - 2rem);width:25%}@media (width>=800px){.skills{padding:10vw}.skills .black-rectangle{margin-left:0;margin-right:0}}@media (width>=1000px){.skills{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.skills .black-rectangle{margin-left:0;margin-right:0}}.identity-title{background-color:#6c3b3b}.identity{background-image:linear-gradient(#6c3b3b,#926b31);padding-top:2rem;padding-bottom:10rem}.relative-parent{position:relative}#prof-pic{border:7px solid #fff;border-radius:50%;max-width:400px;margin-left:auto;margin-right:auto;display:block}#i-am{position:absolute;top:4rem;left:calc(50% - 10rem)}#harvest-pic{padding:4rem;position:relative;left:calc(50% - 23rem)}#follower{position:absolute;top:19rem;left:calc(50% - 8rem)}#fritas-pic{position:relative;left:calc(50% - 2rem)}#curious{position:absolute;top:3rem;left:calc(50% - 10rem)}#hallowwen-pic{position:relative;left:calc(50% - 18rem)}#methodical{position:absolute;top:12rem;left:calc(50% - 6rem)}#claws-pic{padding:3rem;position:relative;left:calc(50% - 9rem)}#ambitious{position:absolute;top:17rem;left:calc(50% - 10rem)}#baby-pic{padding:19vh 8rem 5vh;position:relative;left:calc(50% - 300px)}#learner{padding:1rem 4rem;position:absolute;top:75%;left:calc(50% - 155px)}@media (width>=1150px){#harvest-pic{padding:4rem;position:relative;left:calc(50% - 34rem)}#follower{position:absolute;top:19rem;left:calc(50% - 18rem)}#fritas-pic{position:relative;left:calc(50% + 10rem)}#curious{position:absolute;top:3rem;left:50%}#hallowwen-pic{position:relative;left:calc(50% - 20rem)}#methodical{position:absolute;top:12rem;left:calc(50% - 8rem)}#claws-pic{padding:3rem;position:relative;left:calc(50% - 3rem)}#ambitious{position:absolute;top:17rem;left:calc(50% - 4rem)}}.table-of-contents{z-index:98;position:absolute;top:15vh;right:1rem}.table-of-contents.center{top:25vh}.table-of-contents div{cursor:pointer;filter:drop-shadow(0 0 1rem #000);background-color:#bababa86;width:9px;height:8px;margin:1rem 0;transition:all .5s ease-in-out}.table-of-contents div:hover{filter:drop-shadow(0 0 .5rem #fff)}.table-of-contents div.active{background-color:#fff}