.hero-section{padding-top:2rem;display:flex;justify-content:center}.intro-title{display:flex;justify-content:center;font-size:8rem}.intro-hello{opacity:1;transition:opacity .5s ease-in-out;color:#395075}.intro-hello.hidden{opacity:0}.intro-start{font-size:4rem;vertical-align:top;margin-right:4rem;opacity:0;color:#395075;transition:opacity .5s ease-in-out}.intro-name{opacity:0;color:#121248;transition:opacity .5s ease-in-out}.intro-start.appear,.intro-name.appear{opacity:1}.small-drawn-line{stroke-dasharray:420px;stroke-dashoffset:420px;animation:draw 1.5s ease-out 0s 1 normal forwards}.big-drawn-line{stroke-dasharray:828px;stroke-dashoffset:828px;animation:draw 3s ease-out 0s 1 normal forwards}.snazzy-button{display:block;transition:opacity .5s,display .5s allow-discrete}.snazzy-button.pressed{opacity:0;display:none}.snazzy-button:hover{animation:breathing 3s ease-in-out 0s infinite reverse;transform-origin:center;cursor:pointer}.tech-summary{display:flex;flex-direction:column;position:relative;padding:3rem 0}.tech-tree{align-self:center;position:absolute;top:-40px}.tech-summary article{width:22rem;text-align:center;border-style:solid;border-width:5px;border-radius:50px;border-color:#0b418e;background-color:var(--site-bg-color);padding:.5rem 1rem;animation:fadeIn 1s forwards;z-index:100;opacity:0}.info-container{display:grid;grid-template-columns:1fr 1fr;height:240px}.node-right,.node-left{display:flex}.node-left{justify-content:end}.card-right{margin-left:-9rem}.card-left{margin-right:-9rem}.line-one{animation-delay:.5s}.line-two{transform:scaleX(-1);animation-delay:1.5s}.line-three{animation-delay:2.5s}.button-one,.button-two,.button-three{align-self:center;opacity:0;animation:fadeIn 1s linear 0s 1 normal forwards;z-index:50}.button-one{animation-delay:1.5s}.button-two{animation-delay:2.5s}.button-three{animation-delay:3.5s}.me-and-career{flex-grow:1;display:flex;align-items:center;justify-content:center;padding-bottom:6rem}.me-and-career.seen *{opacity:1;animation:none}.my-photo{height:30rem;padding-left:10rem;opacity:0;animation:fadeIn .5s linear 4s forwards}.career-caption{opacity:0;flex-grow:1;text-align:center;animation:fadeIn .5s linear 4.05s forwards}.career-title{font-size:3.5rem;font-style:italic}.career-subtitle{font-style:italic;font-size:1.5rem;color:gray;opacity:.6}.content-scroll{display:flex;flex-direction:column;align-items:center}.click-info{color:#a2aab3;font-size:1.5rem;margin-bottom:-1rem;animation:tinyBreaths 5s ease-in-out infinite;transition:color .15s ease-in}.click-info.active{color:#000;animation-play-state:paused}.chevron-arrows:hover{animation:fadeMoveDown 2s ease-in-out infinite;cursor:pointer}.scroll-container{height:675px;scroll-snap-type:y mandatory;overflow-y:hidden;transition:height .15s}.scroll-container.grown{height:850px}.slide-2{scroll-snap-align:start;min-height:850px}.slide-1{display:flex;align-items:center;justify-content:center;position:relative;scroll-snap-align:start}.scroll-down-arrow{position:absolute;bottom:-4rem;transition:opacity .15s ease-in-out}.scroll-down-arrow.hidden{opacity:0}.scroll-down-arrow.visible{opacity:1}.site-header{position:relative;background-color:#fdffff;padding-bottom:.5rem}.site-header.intro{max-height:0;padding-bottom:0rem;animation:fill .75s ease-in-out 4.5s forwards}.site-header.no-intro{max-height:5rem;padding-bottom:.5rem;animation:none}.page-links{display:flex;justify-content:center;list-style-type:none;font-size:x-large}.page-links a{color:#6f6e72;text-decoration:none;margin:1rem 2rem;position:relative;display:flex;justify-content:center}.page-links a:hover .nav-arrow,.page-links a.active .nav-arrow{opacity:1}.nav-arrow{position:absolute;bottom:-1.5rem;height:2rem;width:4rem;opacity:0;pointer-events:none;transition:opacity .5s ease-out}.contact-info{flex-grow:1}.contact-info p{margin-top:1.5rem}.credits-button-and-modal{display:flex}.credits-button{font-style:inherit;align-self:flex-end;height:2rem;width:7rem;background-color:transparent;border:none;border-radius:50%;border-width:1px;cursor:pointer;transition:background-color .15s}.credits-button:hover{background-color:#fff}.credits-modal{align-self:center;justify-self:center}.modal-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem}.close-modal{font-size:1rem;position:absolute;top:.5rem;right:.5rem;background-color:transparent;border:none;cursor:pointer}.projects-credits-header{margin-bottom:.5rem}.modal-content p{margin:0rem}.site-footer{display:flex;flex-direction:column;background-color:#d3d3d3;padding:5rem 10rem 2rem;position:relative}.footer-main{display:flex}.footer-bottom{border-top:1px solid black;margin-top:var(--spacing-mini);padding-top:var(--spacing-mini)}.wheel-wrapper{height:30rem;width:30rem;-webkit-mask-image:radial-gradient(ellipse 35rem 19rem at 100% 49%,black 15%,rgba(0,0,0,.4) 17%,transparent 40%);mask-image:radial-gradient(ellipse 35rem 19rem at 100% 49%,rgb(199,141,141) 15%,rgba(0,0,0,.4) 17%,transparent 40%);margin:var(--spacing-compact);margin-left:-8rem;margin-top:0;position:relative}.wheel-image{height:100%}.wheel-image:hover{cursor:pointer}.wheel-image:active{cursor:grabbing}.spin-arrow{position:absolute}.hobby-content{position:relative;margin:var(--spacing-compact);display:flex;flex-direction:column;align-items:center}.hobby-content.pending{color:#c5c6c7}.hobby-content.pending img{opacity:.4}.hobby-content.spinning{color:#c5c6c7}.hobby-content.spinning img{opacity:.4}.hobby-title{font-size:var(--size-header-2);text-align:center}.hobby-description{font-size:var(--size-body);text-align:justify;margin-bottom:var(--spacing-mini)}.spinner{border:3rem solid rgb(60,62,64);border-right-color:#fcd917;border-radius:50%;display:inline-block;position:absolute;top:9rem;animation:rotate 1s linear infinite}.trvl-img{width:23rem}.sprts-img{width:20rem}.vd-games-img{width:35rem}.arcd-img{width:18rem}.curved-arrow{pointer-events:none}.arrow-head{position:absolute;top:10rem;opacity:0;animation:fadeIn .15s linear .5s forwards}.site-about{display:flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.full-wheel-comp{display:flex;flex-direction:column;position:relative}.spin-arrow-img{height:10rem;position:absolute;right:-1rem;top:8rem;opacity:0}.full-wheel-comp:hover .spin-arrow-img{opacity:1}.wheel-spin-text{position:absolute;font-weight:400;right:-4rem;top:6rem;opacity:0;pointer-events:none;animation:tinyBreaths 5s ease-in-out infinite}.full-wheel-comp:hover .wheel-spin-text{opacity:1}.blog-side-menu{margin:var(--spacing-compact) 0rem;min-height:30rem;flex-shrink:0;width:10.5rem}.blog-main-list{text-align:center;list-style-type:none}.my-blog-tab{font-size:var(--size-header-3);font-weight:700;display:flex;align-items:center;justify-content:flex-start}.my-blog-tab .sidebar-text{background-color:#e3dcd3}.my-blog-tab:hover{cursor:pointer}.sidebar-text{padding:.25rem .5rem;margin-right:.5rem}.sidebar-text:hover:not(.selected){background-color:#e3dcd3}.sidebar-arrow,.blog-post-arrow{display:inline-block;width:0;height:0;border-top:.4rem solid transparent;border-bottom:.4rem solid transparent;border-left:.9rem solid gray;transition:transform .15s}.sidebar-arrow.downed{transform:rotate(90deg)}.blog-post-list{list-style-type:none;font-size:var(--size-body);font-weight:400;text-align:left}.blog-post-list.collapsed{max-height:0rem;overflow:hidden}.sub-tab{cursor:default}.sub-tab.selected .sidebar-text{background-color:#e3dcd3}.sub-tab:hover:not(.selected){cursor:pointer}.sub-tab-content{display:flex;align-items:center;justify-content:center}.sub-tab-content .sidebar-text{margin-left:2rem;margin-right:auto}.blog-post-arrow{border-left-width:0rem;transition:border-left-width .15s}.blog-post-arrow.selected{border-left-width:.9rem}.blog-content{text-align:center;margin:var(--spacing-compact)}.blog-title{font-size:var(--size-header-2)}.blog-text{font-size:var(--size-body);text-align:justify;margin-bottom:var(--spacing-mini)}.blog-image{height:20rem;margin-bottom:var(--spacing-mini)}.site-blog{display:flex}.site-resume{display:flex;flex-direction:column;justify-content:center;height:35rem;text-align:center}.status-notice{font-size:var(--size-header-1)}.app-container{max-width:1440px;margin:0 auto;padding:0 20px;width:100%}:root{--spacing-standard: 6rem;--spacing-compact: 4rem;--spacing-mini: 1.5rem;--size-header-1: 3.5rem;--size-header-2: 3rem;--size-header-3: 1.5rem;--size-body: 1.125rem;--size-small: .875rem;--site-bg-color: rgb(248, 244, 239) }*{margin:0;padding:0;box-sizing:border-box}body{font-family:Science Gothic,Expletus San,Times New Roman;overflow-x:hidden;background-color:#fff}main{position:relative;background-color:var(--site-bg-color)}header:before,main:before,footer:before{content:"";position:absolute;z-index:-100;top:0;bottom:0;left:-100vw;right:-100vw;background-color:inherit}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeMoveDown{0%{opacity:0;transform:translateY(-.5rem)}50%{opacity:1}to{opacity:0;transform:translateY(1rem)}}@keyframes tinyBreaths{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes breathing{0%{transform:scale(1.01)}50%{transform:scale(1.2)}to{transform:scale(1.01)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fill{to{max-height:5rem;padding-bottom:.5rem}}