#theHead{position:fixed;top:0;width:100vw;left:0;z-index:9999;will-change:transform;transform:translateZ(0);display:flex;flex-direction:row;justify-content:left;margin:0;background:linear-gradient(to bottom,var(--main-secondary-color),transparent);transition:all .3s ease;overflow:hidden}#theHead.scrolled{background:var(--main-secondary-color);border-bottom:3px solid var(--main-accent-color)}#theNav{display:flex;flex-direction:row;justify-content:left;margin:0 auto 0 0;font-family:var(--link-font),"Roboto",sans-serif;font-weight:400;font-size:1.2rem}#theNav ul{display:flex;flex-direction:row;justify-content:left;list-style-type:none;margin:0}.nav-item{display:block;position:relative;height:100%}.nav-link{transition:all 0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:var(--nav-link)}.nav-link.active{color:var(--nav-link-hover)}.nav-link:not(.nav-link.active):hover{color:var(--nav-link-hover);transition:all .3s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:7px;width:100%;height:3px;background:linear-gradient(to right,transparent,var(--main-accent-color),transparent);opacity:0;transition:opacity 0}.nav-link:not(.nav-link.active):hover:after{opacity:1;transition:opacity 1s}#theHead h1{color:var(--nav-header);margin:10px 30px;font-family:var(--nav-header-font),"Roboto",sans-serif;font-weight:500;font-size:2.5rem;cursor:pointer}@media screen and (max-width: 768px){#theHead{position:fixed;flex-direction:column;justify-content:center;width:100vw}#theHead h1{text-align:center;font-size:2rem;margin:10px 20px}#theNav{margin:0 auto;width:100%;justify-content:center;font-size:1rem;padding-bottom:8px}#theNav ul{flex-wrap:wrap;justify-content:center;row-gap:4px;column-gap:18px}.nav-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.nav-link{padding-bottom:5px}.nav-link:after{bottom:3px}}#theFooter{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;background-color:var(--main-secondary-color);border-top:3px solid var(--main-accent-color)}#footerLinks{display:flex;flex-direction:row;gap:20px}.footerLink{display:flex;align-items:center;justify-content:center;color:var(--nav-header);transition:color .2s ease,transform .2s ease}.footerLink:hover{color:#fff;transform:translateY(-2px)}#footerCopy{margin:0;font-family:var(--body-font),"Roboto",sans-serif;font-size:.85rem;color:var(--nav-header);opacity:.85}:root{--main-bg-color: #1C2840;--main-text-color: #F2EFE6;--main-accent-color: #D4A24C;--main-third-color: #9BA8B8;--main-secondary-color: #232C3D;--main-text-secondary-color: #A9C4D9;--main-text-third-color: #8FA3C2;--nav-header: #EDE2C8;--nav-link-hover: #E8C777;--nav-link: #C9D2DE;--button-font: "IBM Plex Sans";--header-font: "IBM Plex Sans";--body-font: "Inter";--link-font: "IBM Plex Sans";--nav-header-font: "IBM Plex Sans";--project-count: 17;--ease-smooth: cubic-bezier(.16, 1, .3, 1);--card-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 14px rgba(0, 0, 0, .3);--card-shadow-hover: 0 10px 24px rgba(0, 0, 0, .4), 0 3px 10px rgba(0, 0, 0, .32);--card-border: 1px solid rgba(255, 255, 255, .06)}*{box-sizing:border-box}ul{padding-inline-start:0}body{margin:0;font-family:Inter,sans-serif;background:linear-gradient(180deg,#101b2e,#0b1421);overflow-x:hidden}a{margin:auto 10px;color:var(--main-text-color)}.aboutMe{display:flex;flex-direction:column;width:100%;position:relative;background-color:var(--main-bg-color);margin-bottom:20px}#error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:20px;gap:8px;background:linear-gradient(180deg,#101b2e,#0b1421)}#error-page h1{font-family:var(--header-font),"Roboto",sans-serif;font-size:3rem;color:var(--main-text-color);margin-bottom:0}#error-page p{font-family:var(--body-font),"Roboto",sans-serif;color:var(--main-third-color);margin:4px 0}.errorDetail{color:var(--main-third-color);font-size:.9rem}.errorHome{margin-top:20px;font-family:var(--button-font),sans-serif;color:#2e2008;background-color:var(--main-accent-color);padding:10px 20px;border-radius:6px;text-decoration:none;transition:background-color .2s ease}.errorHome:hover{background-color:#b8863f}.project-card{display:flex;flex-direction:column;background-color:var(--main-bg-color);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--card-shadow);border:var(--card-border);transition:transform .25s ease,box-shadow .25s ease}.project-card:hover,.project-card:focus-visible{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.project-card:focus-visible{outline:2px solid var(--main-accent-color);outline-offset:3px}.project-card-image-wrap{width:100%;aspect-ratio:16 / 10;overflow:hidden;background-color:#2a3650}.project-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.project-card:hover .project-card-image{transform:scale(1.05)}.project-card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}.project-card-title{margin:0;font-family:var(--header-font),"Roboto",sans-serif;font-size:1.15rem;font-weight:600;color:var(--main-text-color);letter-spacing:.01em}.project-card-description{margin:0;font-family:var(--body-font),"Roboto",sans-serif;font-size:.9rem;line-height:1.45;color:var(--main-third-color)}@media (prefers-reduced-motion: reduce){.project-card,.project-card-image{transition:none}}.aboutMe{margin-bottom:80px;background:var(--main-bg-color) 65%;transform:translate(-100%)}.aboutMe.fadeIn{transform:translate(0);transition:transform .6s var(--ease-smooth)}.aboutMe:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px}.aboutMe:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px}.aboutMeContainer{width:60%;margin-left:20px;display:flex;flex-direction:row;justify-content:left;transform:translate(0)}@media screen and (min-width: 769px){.aboutMe:before,.aboutMe:after{background:linear-gradient(to right,var(--main-accent-color) 30%,transparent 90%)}}#portImageContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:45%;filter:drop-shadow(0 0 10px rgba(212,162,76,.3));transition:all .3s ease;margin:0 40px 0 0}#portImage{height:200px;width:auto;max-height:100%;aspect-ratio:1/1;clip-path:circle(50% at center 50%);background:url(/assets/family%203-D1qRD1AC.png) no-repeat center center;background-size:cover;transition:all .3s ease}#portImage:hover{transform:scale(1.05);transition:all .3s ease}#portImageContainer:has(#portImage:hover){filter:drop-shadow(0 0 10px rgba(212,162,76,.5));transition:all .3s ease}#aboutMeH1{color:var(--main-text-color);font-family:var(--header-font),"Roboto",sans-serif;font-weight:500;font-size:2rem;margin-bottom:0}#aboutMeP{color:var(--main-third-color);text-align:justify;font-family:var(--body-font),"Roboto",sans-serif;font-size:1rem;line-height:1.5}.portButton{background-color:#fff;padding:5px;border-radius:5px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:6px 6px 3px #0000001f,0 1px 10px #0000003d;max-width:fit-content;transition:all .3s ease;text-decoration:none;font-family:var(--button-font),sans-serif;font-size:1rem;letter-spacing:.05em;margin:0 10px}.portButton:hover{background-color:#f0f0f0;box-shadow:6px 6px 6px #0000003d,0 1px 10px #0000007a}#resumeLink{color:#646464}#resumeLink svg{margin-right:2px}#resumeLink:hover{color:#4b4b4b}#linkedLink{color:#0a66c2}#linkedLink svg{margin-right:2px}#linkedLink:hover{color:#094f96}.infoLinks{margin-bottom:30px;color:var(--main-accent-color)}#portfolio{padding-top:120px}#portfolioHeaderContainer{display:flex;justify-content:center;margin-bottom:48px}#portfolioHeader{color:var(--main-text-color);font-family:var(--header-font),"Roboto",sans-serif;font-weight:600;font-size:2.75rem;text-align:center;position:relative;padding-bottom:16px;opacity:0;transition:opacity 1s ease}#portfolioHeader.fadeIn{opacity:1}#portfolioHeader:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:64px;height:3px;border-radius:2px;background:var(--main-accent-color)}#projectGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;width:min(1400px,94vw);margin:0 auto 100px}#contactSubmit{background-color:var(--main-secondary-color);border:var(--main-accent-color) 1px solid;color:var(--main-text-color)}@media screen and (max-width: 768px){.aboutMe{background:var(--main-bg-color)}.aboutMe:before,.aboutMe:after{background:var(--main-accent-color)}.aboutMeContainer{width:100%;flex-direction:column;align-items:center;justify-content:center;margin:0}#portImageContainer{width:100%;margin-top:20px}#aboutMeH1{text-align:center}#aboutMeP{text-align:justify;padding:0 20px}.infoLinks{display:flex;flex-direction:row;justify-content:center}#projectGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}}@keyframes skillItem{0%{opacity:0;transform:scale(1) translateY(-200px)}to{opacity:1;transform:scale(1) translateY(0)}}#resume,.skillsContainer{display:flex;flex-direction:column;justify-content:center}#otherContainer{margin-bottom:120px}.skillsHeader{position:relative;display:flex;flex-direction:row;justify-content:center;margin-top:60px;padding-bottom:16px;font-family:var(--header-font),sans-serif;font-weight:600;font-size:3rem;color:var(--main-text-secondary-color);opacity:0}.skillsHeader.fadeIn{opacity:1;transition:opacity 2s ease-in}.skillsHeader:before{position:absolute;content:"";bottom:0;left:50%;transform:translate(-50%);width:64px;height:3px;border-radius:2px;background:var(--main-accent-color)}#backendHeader{margin-top:120px}.skillsList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:20px auto;width:100%}.skillItem{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--main-bg-color);border-radius:8px;box-shadow:var(--card-shadow);border:var(--card-border);padding:20px;margin:10px;flex:0 1 150px;box-sizing:border-box;opacity:0;transform:scale(1) translateY(-200px)}.skillItem.fadeIn{transition:transform 1s ease,opacity 1s ease;opacity:1;transform:scale(1) translateY(0)}.skillItem:hover{box-shadow:var(--card-shadow-hover);transition:transform .3s ease,box-shadow .3s ease;transform:scale(1.1) translateY(0)}.skillHeader{color:var(--main-text-color);font-family:var(--header-font),"Roboto",sans-serif;font-weight:500;font-size:1.5rem;margin-bottom:0;text-align:center}.skillBody{color:var(--main-third-color);font-family:var(--body-font),"Roboto",sans-serif;font-size:1rem;text-align:center}.skillIcon{width:64px;height:64px;fill:var(--main-text-secondary-color);filter:drop-shadow(0 0 1px #000)}@keyframes pourTea{0%{transform:rotate(0) scale(1);filter:none}30%{transform:rotate(-45deg) scale(1.5);filter:drop-shadow(0 0 15px rgba(0,0,0,.5))}50%{transform:rotate(-30deg) scale(1.5);filter:drop-shadow(0 0 15px rgba(0,0,0,.5))}70%{transform:rotate(-45deg) scale(1.5);filter:drop-shadow(0 0 15px rgba(0,0,0,.5))}to{transform:rotate(0) scale(1);filter:none}}@keyframes teaTime{0%{transform:rotate(-45deg) translate(-20px,-20px);opacity:0}20%{transform:rotate(-45deg) translateY(-20px);opacity:1}80%{transform:rotate(-45deg) translate(60px,-20px);opacity:1}to{transform:rotate(-45deg) translate(80px,-20px);opacity:0}}#contact{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:120px}#generalInfoWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;padding:2px;background-color:var(--main-accent-color);border-radius:10px;box-shadow:var(--card-shadow);opacity:0;transform:translateY(-200px)}#generalInfoContainer{display:flex;flex-direction:row;align-items:center;border-radius:10px;background-color:var(--main-bg-color);border:var(--card-border);padding:20px}#generalInfoWrapper.fadeIn{transition:opacity 1s linear,transform 1s ease;opacity:1;transform:translateY(0)}#profileImageContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:20px;position:relative;filter:drop-shadow(0 0 10px rgba(212,162,76,.3))}#profileImage{width:200px;height:auto;aspect-ratio:1/1;clip-path:circle(50% at center 50%);overflow:hidden;background:url(/assets/Me-Basg52gO.jpg) no-repeat center top;background-size:cover}#generalHeader{color:var(--main-text-color);font-family:var(--header-font),"Roboto",sans-serif;font-weight:500;font-size:2rem;margin-bottom:0;word-spacing:.1em}#generalTitle{color:var(--main-text-color);font-family:var(--header-font),"Roboto",sans-serif;font-weight:300;font-size:1.5rem;margin-top:5px;margin-bottom:0;letter-spacing:.04em}#generalDesc{color:var(--main-third-color);font-family:var(--body-font),"Roboto",sans-serif;font-size:1.2rem;line-height:1.2;max-width:300px}#generalLocation{color:var(--main-third-color);font-family:var(--body-font),"Roboto",sans-serif;font-size:1rem}#generalLinks{display:flex;flex-direction:row}.generalButton{background-color:#fff;padding:5px;border-radius:5px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:6px 6px 3px #0000001f,0 1px 10px #0000003d;max-width:fit-content;transition:all .3s ease;text-decoration:none;font-family:var(--button-font),sans-serif;font-size:1.2rem;letter-spacing:.05em}.generalButton:hover{background-color:#f0f0f0;box-shadow:6px 6px 6px #0000003d,0 1px 10px #0000007a}.generalButton svg{margin-right:2px}#hireResume{color:#646464}#hireResume:hover{color:#4b4b4b}#hireLinked{color:#fff;background-color:#0a66c2}#hireLinked:hover{color:#e4e4e4;background-color:#094f96}#hireGit{background-color:#f6f8fa;color:#1f2328}#hireGit:hover{background-color:#fff;color:#000}.outroHeader{font-family:var(--header-font),sans-serif;font-size:2rem;color:var(--main-text-secondary-color)}.hireButton{display:flex;align-items:center;background-color:var(--main-secondary-color);padding:20px;border-radius:14px;box-shadow:6px 6px 3px #0000001f,0 1px 10px #0000003d;max-width:fit-content;transition:all .3s ease;text-decoration:none;font-family:var(--button-font),sans-serif;font-size:1.2rem;letter-spacing:.05em;margin:10px 20px;color:var(--nav-header)}.hireButton svg{width:32px;height:32px;margin-right:5px;fill:var(--nav-header);transition:all .3s ease}.hireButton:hover{transform:scale(1.1);box-shadow:0 8px 20px #d4a24c59,0 2px 8px #d4a24c40}#hirePhone{margin-bottom:26px}#teaHeader{margin-bottom:0}#teaContainer{position:relative}#teaIcon{width:100px;height:100px;margin-top:6px;margin-bottom:120px;transform:scale(1) rotate(0)}#teaIcon.pouring{animation:pourTea 3s ease-in-out forwards}#teaTime{position:absolute;color:var(--main-accent-color);width:100px;height:100px;top:0;left:100%;transform:rotate(-45deg) translate(-20px,-20px);opacity:0;pointer-events:none}.teaTime{animation:teaTime 3s linear forwards}@media screen and (max-width: 768px){#generalInfoWrapper{border-radius:50px;width:100vw}#generalInfoContainer{flex-direction:column;align-items:center;border-radius:50px;width:100%}#generalBox{display:flex;flex-direction:column;align-items:center}#generalDesc{max-width:100%;text-align:center}#contactHeader{width:90%;text-align:center}#teaHeader{text-align:center;width:90%}}@media screen and (max-height: 600px){#generalInfoContainer{flex-direction:row;align-items:center;border-radius:10px}}@keyframes imagePop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes paragraphBounceA{0%{transform:translate(-200%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes paragraphBounceB{0%{transform:translate(200%);opacity:0}to{transform:translate(0);opacity:1}}.about{padding-top:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;position:relative}#aboutContainer{background-color:var(--main-bg-color);border-radius:8px;box-shadow:var(--card-shadow);border:var(--card-border);margin-bottom:20px}#aboutMeTitleContainer{display:flex;justify-content:center;margin-bottom:48px}#aboutMeTitle{position:relative;text-align:center;font-family:var(--header-font),"Roboto",sans-serif;font-weight:600;font-size:2.75rem;color:var(--main-text-color);padding-bottom:16px;opacity:0;transition:opacity 1s ease}#aboutMeTitle.fadeIn{opacity:1}#aboutMeTitle:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:64px;height:3px;border-radius:2px;background:var(--main-accent-color)}.stageContainer{width:100%;position:relative;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:center;align-items:center;margin:20px 0;padding:40px 0;border-radius:30px}.lifePWrapper{position:relative;width:50%;height:auto;border-radius:8px;transition:transform .3s ease;margin:0 auto}.lifePContainer{width:100%;height:100%;padding:20px;border-radius:8px;background-color:var(--main-bg-color);box-shadow:var(--card-shadow);border:var(--card-border);transition:box-shadow .3s ease}.lifeParagraph{font-size:1.2em;color:var(--main-text-color);font-family:var(--body-font),"Roboto",sans-serif;line-height:1.5;transition:transform .3s ease}.about :nth-child(2n){flex-direction:row}.about :nth-child(odd) .lifePWrapper .lifePContainer{transform:translate(200%)}.about :nth-child(2n) .lifePWrapper .lifePContainer{transform:translate(-200%)}.about :nth-child(2n) .lifePWrapper .lifePContainer.inView{animation:paragraphBounceA .8s var(--ease-smooth) forwards}.about :nth-child(odd) .lifePWrapper .lifePContainer.inView{animation:paragraphBounceB .8s var(--ease-smooth) forwards}.lifePContainer.outView{transform:translate(0)}.lifePWrapper:has(.lifePContainer:hover){transform:scale(1.05)}.lifePContainer:hover{box-shadow:var(--card-shadow-hover)}.lifeImageContainer{margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:45%;filter:drop-shadow(0 0 10px rgba(212,162,76,.3))}.lifeImageContainer.inView{animation:imagePop .8s var(--ease-smooth) forwards}.lifeImageContainer:has(.lifeImage:hover){transition:all .3s ease;filter:drop-shadow(0 0 10px rgba(212,162,76,.5))}.lifeImage{height:400px;max-height:100%;max-width:100vw;aspect-ratio:1/1;clip-path:circle(50% at center 50%);transition:all .3s ease}.lifeImage:hover{transform:scale(1.05);transition:all .3s ease}#earlyLifeImage{background:url(/assets/kidMe-CXl2TEe9.jpg) no-repeat center center;background-size:cover}#buddingDeveloperImage{background:url(/assets/graduation%202-BkskemSm.jpg);background-position:80% 0px;background-size:cover}#youngAdultImage{background:url(/assets/fiance-CSgl325D.jpg);background-size:cover;background-position:45% 40%}#climbingTheLadderImage{background:url(/assets/mom-BCss6HKw.jpg);background-size:cover;background-position:90% 70%}#currentEmploymentImage{background:url(/assets/carter-B1ab4MNg.jpg);background-size:cover;background-position:0 55%}#futureImage{background:url(/assets/dad-C2zH1MZN.jpg);background-size:cover}@media screen and (max-width: 768px){#aboutMeTitleContainer{margin-bottom:24px}.stageContainer{flex-direction:column!important;justify-content:center;padding:0;margin:0}.lifePWrapper{width:100%;margin:40px 0}.lifePContainer{width:100%;margin:0}.lifeImage{height:300px}}@media screen and (max-height: 450px){#aboutMeTitleContainer{margin-bottom:24px}.stageContainer{flex-direction:column!important;justify-content:center;padding:0;margin:0}.lifePWrapper{width:100%;margin:40px 0}.lifePContainer{width:100%;margin:0}.lifeImage{height:300px}}@keyframes bounceA{0%{transform:translate(-120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounceB{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounceC{0%{transform-origin:center;transform:translate(-47.5%) scale(.6);opacity:0}to{transform:translate(-47.5%) scale(1);opacity:1}}@keyframes bounceCSmall{0%{transform-origin:center;transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.icons{width:32px;height:32px;filter:drop-shadow(0 0 1px #000);margin-right:10px}#timelineContainer{padding-bottom:120px}.timeIcon{margin-left:10px;width:68px;height:68px}#timelineHeader{margin-top:120px;margin-bottom:48px;position:relative;display:flex;justify-content:center}#timelineTitle{display:flex;justify-content:center;align-items:center;position:relative;color:var(--main-text-color);font-family:var(--header-font),"Roboto",sans-serif;font-weight:600;font-size:3rem;text-align:center;padding:10px 10px 20px}#timelineTitle:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:64px;height:3px;border-radius:2px;background:var(--main-accent-color)}#timelineTitle.notLoaded{opacity:0;transition:opacity 1s ease}#timelineTitle.loaded{opacity:1;transition:opacity 1s ease}#timelineTitle.notLoaded div:first-child{transform:translate(-150%);transition:transform 1s var(--ease-smooth)}#timelineTitle.notLoaded div:last-child{transform:translate(150%) scaleX(-1);transition:transform 1s var(--ease-smooth)}#timelineTitle.loaded div:first-child{transform:translate(0);transition:transform 1s var(--ease-smooth)}#timelineTitle.loaded div:last-child{transform:translate(0) scaleX(-1);transition:transform 1s var(--ease-smooth)}#timelineContainer{position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px;margin-bottom:120px}#timelineContainer:after{content:"";position:absolute;top:0;left:50%;width:5px;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--main-bg-color) 5%)}#timelineFilters{position:absolute;top:50%;right:40px;display:flex;flex-direction:row;transform:translateY(-50%),scale(1);justify-content:right;width:100%}.filterContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 10px;cursor:pointer;transition:filter .3s ease}.filterContainer:hover{filter:drop-shadow(0 3px 5px rgba(255,255,255,.5)) drop-shadow(0 3px 10px rgba(255,255,255,.5))}.filterContainer svg{width:30px;height:30px;fill:var(--main-text-secondary-color);margin:0 5px;cursor:pointer;filter:drop-shadow(0 0 1px #000)}.filterCheckbox{cursor:pointer;border-radius:50%;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:2px solid var(--main-accent-color);width:20px;height:20px;background:var(--main-bg-color);pointer-events:none;transition:background .3s ease}.filterCheckbox:checked{background:radial-gradient(circle,var(--main-accent-color) 40%,var(--main-bg-color) 50%)}.timelineEventContainer{position:relative;display:flex;flex-direction:row;justify-content:center;width:100%;margin:20px 0}.timelineIcon{padding:20px;background-color:var(--main-secondary-color);border-radius:50%;border:5px solid var(--main-bg-color);box-shadow:inset 0 2px 1px #0000004d;z-index:2}.timelineIcon.outView{opacity:0}@media screen and (min-width: 769px){.timelineIcon.inView{animation:bounceC .7s var(--ease-smooth) forwards}}.timelineIcon svg{fill:var(--main-bg-color);width:30px;height:30px}.business{background-color:var(--main-text-color)}.family{background-color:var(--main-accent-color)}.education{background-color:#3e7c6b}.start{background-color:#8c5468}@media screen and (min-width: 769px){#timelineContainer :nth-child(2n){flex-direction:row-reverse}.arrow{position:absolute;top:38px;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;z-index:1}.arrow:before{content:"";position:absolute;top:0;left:4px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;z-index:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.12)) drop-shadow(0 3px 10px rgba(0,0,0,.08))}.arrow:after{content:"";position:absolute;top:-10px;width:20px;height:20px;background-color:var(--main-bg-color);z-index:1}.timelineIcon{position:absolute;top:0;left:50%;transform:translate(-47.5%)}}#timelineContainer :nth-child(2n){justify-content:center}.timelineEvent{position:relative;display:flex;width:calc(50% - 80px);flex-direction:column;justify-content:left;align-items:center;padding:20px;border-radius:8px;box-shadow:var(--card-shadow);border:var(--card-border);background-color:var(--main-bg-color);z-index:2}.timelineEvent.outView{opacity:0}.timelineEvent:hover{box-shadow:var(--card-shadow-hover);transform:scale(1.05);transform-origin:center;transition:transform .2s ease,box-shadow .2s ease}#timelineContainer :first-child .timelineEvent{border:2px solid var(--main-accent-color)}#timelineContainer :nth-child(2n) .timelineEvent{margin:0 0 0 80px}#timelineContainer :nth-child(odd) .timelineEvent{margin:0 80px 0 0}#timelineContainer :nth-child(odd) .timelineEvent.inView{animation:bounceA .8s var(--ease-smooth) forwards}#timelineContainer :nth-child(2n) .timelineEvent.inView{animation:bounceB .8s var(--ease-smooth) forwards}#timelineContainer :nth-child(odd) .timelineEvent .arrow{left:100%;border-left:10px solid var(--main-bg-color)}#timelineContainer :nth-child(2n) .timelineEvent .arrow{left:-10px;border-right:10px solid var(--main-bg-color)}#timelineContainer :nth-child(odd) .timelineEvent .arrow:before{border-left:10px solid var(--main-bg-color);transform:translate(-100%,-50%)}#timelineContainer :first-child .timelineEvent .arrow:before{border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid var(--main-accent-color);filter:none}#timelineContainer :first-child .timelineEvent .arrow:after{border-right:2px solid var(--main-accent-color)}#timelineContainer :nth-child(odd) .timelineEvent .arrow:before{left:0}#timelineContainer :nth-child(2n) .timelineEvent .arrow:before{border-right:10px solid var(--main-bg-color);transform:translateY(-50%)}#timelineContainer :nth-child(odd) .timelineEvent .arrow:after{left:-30px}#timelineContainer :nth-child(2n) .timelineEvent .arrow:after{left:10px}.date{font-weight:700;color:var(--main-text-secondary-color);width:calc(50% - 60px);margin:35px 90px;opacity:0;transition:opacity .6s ease}.date.inView{opacity:1}#timelineContainer :nth-child(odd) .date{text-align:left;margin:35px 0 35px 60px}#timelineContainer :nth-child(2n) .date{text-align:right;margin:35px 60px 35px 0}.role{font-family:var(--header-font),"Roboto",sans-serif;color:var(--main-text-color);font-size:2.3rem;margin-bottom:0;font-weight:500;letter-spacing:1px}.location{font-family:var(--body-font),"Roboto",sans-serif;font-weight:700;margin-top:5px;margin-bottom:24px;color:var(--main-text-color);font-size:1.5rem}.tools{display:flex;align-items:center;font-family:var(--body-font),"Roboto",sans-serif;color:var(--main-text-color)}.description{font-family:var(--body-font),"Roboto",sans-serif;color:var(--main-third-color)}.toolsIcon{background:url(/assets/tools-oxDxB6DH.svg) no-repeat center center;background-size:contain;width:24px;height:24px}.educationIcon{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%235b97c4;}.cls-2{fill:%238cbce7;}.cls-3{fill:%23f79341;}.cls-4{fill:%23ffb248;}.cls-5{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-6{fill:%232b2b4c;}.cls-7{fill:%238d8d8d;}%3c/style%3e%3c/defs%3e%3ctitle%3eEducation%20Insurance%3c/title%3e%3cg%20id='Education_Insurance'%20data-name='Education%20Insurance'%3e%3cpath%20class='cls-1'%20d='M53,34a1.43,1.43,0,0,1-1,1.35L42,38.81,30.79,42.7a5.31,5.31,0,0,1-3.52,0L16.84,39.09A15,15,0,0,0,36.9,26.71l2.41.94c.08.17.17.33.26.49a11.64,11.64,0,0,0,.92,1.4,12.05,12.05,0,0,0,2.17,2.23A12.43,12.43,0,0,0,47,34a12.21,12.21,0,0,0,3.84-1.85l1.25.49A1.44,1.44,0,0,1,53,34Z'/%3e%3cpath%20class='cls-2'%20d='M36.9,26.71A15,15,0,0,1,16.84,39.09L16,38.8,6,35.33a1.43,1.43,0,0,1-.06-2.69l2.63-1L27,24.38a5.4,5.4,0,0,1,4,0Z'/%3e%3cpath%20class='cls-1'%20d='M42,38.81V49L29,53,16,49V38.8l11.27,3.9a5.31,5.31,0,0,0,3.52,0Z'/%3e%3cpath%20class='cls-3'%20d='M56,13.56v8.58a11.8,11.8,0,0,1-.12,1.69A12.37,12.37,0,0,1,47,34a12.43,12.43,0,0,1-4.34-2.23,12.05,12.05,0,0,1-2.17-2.23,11.64,11.64,0,0,1-.92-1.4c-.09-.16-.18-.32-.26-.49A10.8,10.8,0,0,1,38.63,26a8.86,8.86,0,0,1-.31-1.12A11.81,11.81,0,0,1,38,22.14V13.56l3.5-1,2.5-.71L47,11l1.13.32,6.42,1.83.76.22.2.05Z'/%3e%3cpath%20class='cls-4'%20d='M53,12.71v6.43A12.34,12.34,0,0,1,44,31a12.39,12.39,0,0,1-3.77-1.8A12.31,12.31,0,0,1,38,22.14V13.56L47,11Z'/%3e%3cpath%20class='cls-5'%20d='M56,22.14V23a2.82,2.82,0,0,1-.12.83A11.8,11.8,0,0,0,56,22.14Z'/%3e%3cpath%20class='cls-6'%20d='M29,44a6.21,6.21,0,0,1-2.09-.36L5.64,36.28a2.44,2.44,0,0,1-.1-4.57l10.21-4a1,1,0,0,1,.73,1.86l-10.2,4A.44.44,0,0,0,6,34a.43.43,0,0,0,.3.4l21.3,7.37a4.35,4.35,0,0,0,2.85,0l21.26-7.38A.42.42,0,0,0,52,34a.44.44,0,0,0-.28-.41L51,33.28A13.22,13.22,0,0,1,47.27,35a1,1,0,0,1-.54,0A13.17,13.17,0,0,1,42,32.55a13.61,13.61,0,0,1-3.35-3.93,1.62,1.62,0,0,0-.1-.18l-8-3.13a4.5,4.5,0,0,0-3.25,0l-7.16,2.81a1,1,0,1,1-.73-1.86l7.16-2.81a6.49,6.49,0,0,1,4.71,0l8.34,3.27a1,1,0,0,1,.54.5c.07.15.15.28.22.42a12.11,12.11,0,0,0,.86,1.3A11.33,11.33,0,0,0,47,33a11,11,0,0,0,3.25-1.62,1,1,0,0,1,1-.12l1.25.49a2.43,2.43,0,0,1-.08,4.56L31.12,43.64A6.08,6.08,0,0,1,29,44Z'/%3e%3cpath%20class='cls-6'%20d='M29,54a.92.92,0,0,1-.29,0l-13-4A1,1,0,0,1,15,49V38.8a1,1,0,0,1,.42-.81,1,1,0,0,1,.91-.14l11.27,3.9a4.35,4.35,0,0,0,2.85,0l11.22-3.89a1,1,0,0,1,.91.13,1,1,0,0,1,.42.81V49a1,1,0,0,1-.71,1l-4.14,1.27a1,1,0,0,1-.58-1.92L41,48.26v-8l-9.88,3.43a6.31,6.31,0,0,1-4.18,0L17,40.2v8.06L29,52l4.76-1.46a1,1,0,1,1,.58,1.92L29.29,54A.92.92,0,0,1,29,54Z'/%3e%3cpath%20class='cls-7'%20d='M46,48a1,1,0,0,1-1-1V37.75L28.72,33A1,1,0,0,1,29.28,31l17,5A1,1,0,0,1,47,37V47A1,1,0,0,1,46,48Z'/%3e%3cpath%20class='cls-6'%20d='M46,26a1,1,0,0,1-.71-.29l-2.5-2.5a1,1,0,0,1,1.42-1.42L46,23.59l4.29-4.3a1,1,0,0,1,1.42,1.42l-5,5A1,1,0,0,1,46,26Z'/%3e%3cpath%20class='cls-6'%20d='M47,35a.84.84,0,0,1-.27,0A13.17,13.17,0,0,1,42,32.55a13.61,13.61,0,0,1-3.35-3.93c-.1-.18-.2-.36-.28-.54a10.92,10.92,0,0,1-.73-1.78,10.41,10.41,0,0,1-.34-1.21A13,13,0,0,1,37,22.14V13.56a1,1,0,0,1,.73-1l9-2.56a1,1,0,0,1,.54,0l9,2.56a1,1,0,0,1,.73,1V15a1,1,0,0,1-2,0v-.68L47,12l-8,2.27v7.83a11.11,11.11,0,0,0,.29,2.51,7.85,7.85,0,0,0,.28,1,11.2,11.2,0,0,0,.63,1.53c.08.17.16.3.23.44a12.11,12.11,0,0,0,.86,1.3A11.33,11.33,0,0,0,47,33a11,11,0,0,0,3.25-1.62,11.36,11.36,0,0,0,4.64-7.65A11.2,11.2,0,0,0,55,22.14V19a1,1,0,0,1,2,0v3.14A12.22,12.22,0,0,1,56.87,24a13.35,13.35,0,0,1-5.45,9,13,13,0,0,1-4.15,2A.84.84,0,0,1,47,35Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;background-size:contain;flex-shrink:0;flex-grow:0;width:40px;height:40px}.bottleIcon{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48.001'%20height='48'%20viewBox='0%200%2048.001%2048'%3e%3cg%3e%3cpath%20d='M41.811,18.556,29.444,6.188a3.74,3.74,0,0,0-5.287,0l-23.5,23.5a2.242,2.242,0,0,0,0,3.171L15.139,47.343a2.243,2.243,0,0,0,3.172,0l23.5-23.5A3.737,3.737,0,0,0,41.811,18.556Z'%20fill='%23e2e2e2'/%3e%3cpath%20d='M47.173.827c-.787-.786-2.657-1.711-4.484.875s-3.448,1.753-4.317,1.437a2.958,2.958,0,0,0-3.12,1.529l8.081,8.082a2.958,2.958,0,0,0,1.529-3.122c-.316-.867-1.149-2.488,1.437-4.315S47.96,1.614,47.173.827Z'%20fill='%23ffbd66'/%3e%3cpath%20d='M43.909,13.325,34.675,4.091a1.5,1.5,0,0,0-2.115,0L29.954,6.7,41.3,18.047l2.607-2.606A1.5,1.5,0,0,0,43.909,13.325Z'%20fill='%23f87670'/%3e%3cpath%20d='M30.178,16.391l1.057-1.058-3.989-3.989a.749.749,0,0,0-1.057,0L6.551,30.982a.747.747,0,0,0,0,1.057l3.989,3.988L11.6,34.971l-3.46-3.46,2.87-2.871,3.461,3.46,1.057-1.057-3.46-3.46,2.87-2.871,3.461,3.46,1.057-1.058-3.46-3.46,2.871-2.869,3.46,3.46,1.058-1.058-3.461-3.46,2.871-2.87,3.46,3.46,1.058-1.058-3.46-3.46,2.87-2.869Z'%20fill='%237a8e9b'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;background-size:contain;width:24px;height:24px}.ringIcon{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='64px'%20height='64px'%20viewBox='0%200%2064%2064'%20enable-background='new%200%200%2064%2064'%20xml:space='preserve'%3e%3cg%3e%3cpolygon%20fill-rule='evenodd'%20clip-rule='evenodd'%20fill='%23EBBF30'%20points='27,4.998%2022,4.998%2025,13%2030,13%2027,4.998%20'/%3e%3cpolygon%20fill-rule='evenodd'%20clip-rule='evenodd'%20fill='%23D1A92A'%20points='37.002,4.998%2042,4.998%2039,13%2034.002,13%2037.002,4.998%20'/%3e%3cpolygon%20fill-rule='evenodd'%20clip-rule='evenodd'%20fill='%23D8E7EE'%20points='37.99,0%2040,2.998%2032,15.988%2024.012,2.998%2026.012,0%2037.99,0%20'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20fill='%23C5D6E0'%20d='M36.547,5.998l0.455-1l1.004-4.977l3.984,4.977l-0.908,1H36.547%20L36.547,5.998z%20M22.92,5.998l-0.908-1l3.982-4.975L27,4.998l0.455,1H22.92L22.92,5.998z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20fill='%23ABC0CE'%20d='M31.99,15.978l-9.979-10.98H27L31.99,15.978L31.99,15.978z%20M41.99,4.998l-9.979,10.98l4.99-10.98H41.99L41.99,4.998z'/%3e%3cpolygon%20fill-rule='evenodd'%20clip-rule='evenodd'%20fill='%23FFFFFF'%20points='27,4.998%2032,0%2037.002,4.998%2027,4.998%20'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20fill='%23EBBF30'%20d='M32.5,57.973c-0.168,0.004-0.331,0.025-0.5,0.025%20c-11.045,0-20-8.953-20-19.998c0-11.045,8.955-20,20-20c0.169,0,0.332,0.021,0.5,0.025V13H28l-0.398-0.6%20C15.342,14.496,6,25.142,6,38c0,14.359,11.641,26,26,26c0.168,0,0.333-0.01,0.5-0.014V57.973z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20fill='%23D1A92A'%20d='M32,64v-6.002c11.047,0,20.002-8.953,20.002-19.998%20c0-11.045-8.955-20-20.002-20v-5h4.002l0.398-0.6C48.658,14.496,58,25.142,58,38C58,52.359,46.359,64,32,64L32,64z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;background-size:contain;width:24px;height:24px}.houseIcon{background:url(/assets/house-B7W4eka_.svg) no-repeat center center;background-size:contain}.coupleIcon{background:url(/assets/couple-D2To1jxz.svg) no-repeat center center;background-size:contain}.timeIcon{background:url(/assets/time-BLc6q3No.svg) no-repeat center center;background-size:contain}@media screen and (max-width: 768px){#timelineHeader{margin-bottom:24px}#timelineFilters{bottom:-100px;left:50%;transform:translate(-50%);justify-content:center;width:100%}#timelineContainer{padding:0;margin:0;width:100%}.timelineEventContainer{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:20px auto}.timelineEvent{width:90%;margin:0 0 20px!important}.timelineIcon.inView{animation:bounceCSmall .7s var(--ease-smooth) forwards}.date{display:flex;margin:35px auto!important;text-align:center;justify-content:center;z-index:2}}