#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}#theNav{margin:0 auto;width:100%;justify-content:center}.nav-item{display:flex;flex-direction:column;justify-content:top;align-items:top}.nav-link{padding-bottom:5px}.nav-link:after{bottom:3px}}:root{--main-bg-color: #DCE0D9;--main-text-color: #0c4d6b;--main-accent-color: #6B0F1A;--main-third-color: #595959;--main-secondary-color: #808F85;--main-text-secondary-color: #97deff;--main-text-third-color: #357796;--nav-header: #86d9ff;--nav-link-hover: #d3ecf8;--nav-link: #2b2f31;--button-font: "Passion One";--header-font: "Yanone Kaffeesatz";--body-font: "Mako";--link-font: "Oswald";--nav-header-font: "Nanum Myeongjo";--project-count: 15}*{box-sizing:border-box}ul{padding-inline-start:0}body{margin:0;font-family:Roboto,sans-serif;background:linear-gradient(35deg,var(--main-accent-color) 35%,black 35%,black 65%,var(--main-accent-color) 65%);overflow-x:hidden}a{margin:auto 10px;color:#000}.aboutMe{display:flex;flex-direction:column;width:100%;position:relative;background-color:var(--main-bg-color);margin-bottom:20px}.project{position:relative;flex:0 0 auto;margin:40px -40px;border-radius:10px;color:var(--main-text-color);transition:box-shadow .3s ease,margin-left .3s ease,margin-right .3s ease,width .3s ease,height .3s ease;box-shadow:0 0 20px #00000080}.project:nth-child(1){transform-origin:center}.project:nth-last-child(1){transform-origin:center}.project:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:#0000;z-index:2;transition:all .3s ease}.cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:#00000080;z-index:2}.focus{cursor:pointer;box-shadow:0 0 20px #fff;transition:box-shadow .3s ease,transform .3s ease}.project:nth-child(1).focus{transform-origin:left}.project:nth-last-child(1).focus{transform-origin:right}.project:nth-last-child(1).leaving{transform-origin:right}.project:nth-child(1).leaving{transform-origin:left}.leaving{box-shadow:0 0 20px #00000080;transition:box-shadow .3s ease,transform .3s ease}.project:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:10%;box-shadow:0 80px 30px #00000080}.projectImg{height:100%;width:100%;display:block;object-fit:cover;border-radius:10px}.projectHeaderContainer{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:0;transition:background-color .3s ease;height:100%;width:100%;bottom:0;right:0}.project:hover .projectHeaderContainer{background-color:#0000;cursor:pointer}.projectHeader{color:#fff;font-size:1rem;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);text-shadow:0 0 3px #00000080;transition:text-shadow .3s ease}.focus .projectHeader{text-shadow:0 0 5px rgba(0,0,0,1)}.project p{position:absolute;left:0;bottom:40px;width:130px;height:100px;margin:5px 10px 10px;color:var(--main-text-color)}@media screen and (max-width: 768px){.projectHeader{font-size:.75rem}}@keyframes portBounce{0%{transform:translate(0)}40%{transform:translate(100px)}to{transform:translate(0)}}.aboutMe{margin-bottom:80px;background:var(--main-bg-color) 65%;transform:translate(-100%)}.aboutMe.fadeIn{transform:translate(0);transition:transform .5s ease}.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){.aboutMeContainer.fadeIn{animation:portBounce .6s ease}.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 5px rgba(0,0,0,1));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 5px rgba(0,0,0,1)) drop-shadow(0 0 10px rgba(196,196,255,1));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)}#portfolioProjectsWrapper{position:relative;width:100%;height:auto;margin:20px auto;width:97vw;border-radius:10px;overflow:clip;box-shadow:0 1px 3px #00000080,0 3px 10px #00000080}#portfolioProjects{background-color:var(--main-bg-color);position:relative;display:flex;flex-direction:row;justify-content:left}#portfolioProjects:hover{cursor:grab}#portfolioProjects.scrolling{cursor:grabbing}#projectList{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:left;align-items:center;width:100%;margin:auto 0;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:80px}#projectList.projectListVertical{flex-direction:column;justify-content:center;padding-bottom:0;height:100%}#projectList>*:first-child{margin-left:40px}#portfolio{padding-top:120px}#portfolioHeaderContainer{position:relative;background:linear-gradient(to right,transparent 30%,var(--main-bg-color),transparent 70%)}#portfolioHeader{position:relative;color:var(--main-text-color);font-size:2.5em;padding:10px 10px 2px;font-family:var(--header-font),"Roboto",sans-serif;font-weight:500;font-size:3rem;text-align:center;opacity:0;transition:opacity 2s ease}#portfolioHeader.fadeIn{opacity:1;transition:opacity 2s ease}#portfolioHeaderContainer:before{position:absolute;content:"";top:0;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 30%,var(--main-accent-color),transparent 70%)}#portfolioHeaderContainer:after{position:absolute;content:"";top:calc(100% - 3px);left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 30%,var(--main-accent-color),transparent 70%)}@keyframes backgroundGlow{0%{filter:drop-shadow(0 0 5px rgba(255,0,0,.8)) drop-shadow(0 0 10px rgba(196,0,0,.8))}50%{filter:drop-shadow(0 0 10px rgba(255,0,0,.8)) drop-shadow(0 0 10px rgba(255,0,0,.8)) drop-shadow(0 0 20px rgba(255,0,0,.8))}to{filter:drop-shadow(0 0 5px rgba(255,0,0,.8)) drop-shadow(0 0 10px rgba(196,0,0,.8))}}#swipeContainer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:100;filter:drop-shadow(0 0 5px rgba(255,0,0,.8)) drop-shadow(0 0 10px rgba(196,0,0,.8));pointer-events:none}#swipeIcon{position:absolute;top:0;left:0;transform:rotate(120deg) translate(-60%,-100%);clip-path:ellipse(70% 80% at top right);display:flex;flex-direction:column;justify-content:center;color:#8b0000}#scrollText{position:absolute;top:0;left:0;width:100%;height:100%;color:#8b0000;z-index:9999;transform:translate(20%,5%)}#scrollText.vertical{transform:rotate(-90deg) translate(40%,30%)}.dragging{transition:color 1s ease;color:transparent!important}#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){#projectList>*:first-child{margin-left:0}.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}#portfolioHeaderContainer{background:linear-gradient(to right,transparent 5%,var(--main-bg-color),transparent 95%)}#portfolioHeaderContainer:before,#portfolioHeaderContainer:after{background:linear-gradient(to right,transparent 5%,var(--main-accent-color),transparent 95%)}}@media screen and (max-height: 450px){#scrollText{transform:translate(20%,5%)}}@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;font-family:var(--header-font),sans-serif;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:-20px;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 30%,var(--main-accent-color),transparent 70%)}#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:10px;box-shadow:0 1px 3px #00000080,0 3px 10px #00000080;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{transition:transform .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);text-align:justify;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}#generalInfoContainer{display:flex;flex-direction:row;align-items:center;margin-top:20px;border-radius:10px;background-color:var(--main-bg-color);box-shadow:0 1px 3px #00000080,0 3px 10px #00000080;padding:20px;opacity:0;transform:translateY(-200px)}#generalInfoContainer.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 5px rgba(0,0,0,1))}#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:40px;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(--main-text-secondary-color)}.hireButton svg{width:32px;height:32px;margin-right:5px;fill:var(--main-text-secondary-color);transition:all .3s ease}.hireButton:hover{transform:scale(1.1);box-shadow:6px 6px 6px #ffffff3d,0 1px 20px #ffffff7a}#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:hover{animation:pourTea 3s ease-in-out forwards}#teaTime{position:absolute;color:#ff0;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){#generalInfoContainer{flex-direction:column;align-items:center;border-radius:50px}}@media screen and (max-height: 600px){#generalInfoContainer{flex-direction:row;align-items:center;border-radius:10px}}@keyframes imagePop{0%{transform:scale(.1)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes paragraphBounceA{0%{transform:translate(-200%)}60%{transform:translate(100px)}to{transform:translate(0)}}@keyframes paragraphBounceB{0%{transform:translate(200%)}60%{transform:translate(-100px)}to{transform:translate(0)}}.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:10px;box-shadow:0 1px 3px #00000080,0 3px 10px #00000080;margin-bottom:20px}#aboutMeTitleContainer{position:relative;width:100%;background:linear-gradient(to right,transparent 30%,var(--main-bg-color),transparent 70%)}#aboutMeTitle{position:relative;text-align:center;font-family:var(--header-font),"Roboto",sans-serif;font-size:2.5em;color:var(--main-text-color);width:100%;opacity:0;transition:opacity 2s ease}#aboutMeTitle.fadeIn{opacity:1;transition:opacity 2s ease}#aboutMeTitleContainer:before{position:absolute;content:"";top:0;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 30%,var(--main-accent-color),transparent 70%)}#aboutMeTitleContainer:after{position:absolute;content:"";top:calc(100% - 3px);left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 30%,var(--main-accent-color),transparent 70%)}.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:10px;transition:transform .3s ease;margin:0 auto}.lifePContainer{width:100%;height:100%;padding:20px;border-radius:10px;background-color:var(--main-bg-color);box-shadow:0 1px 3px #00000080,0 3px 10px #00000080,inset 0 0 20px #00000080;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;pointer-events:none}.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 1s ease forwards}.about :nth-child(odd) .lifePWrapper .lifePContainer.inView{animation:paragraphBounceB 1s ease forwards}.lifePContainer.outView{transform:translate(0)}.lifePWrapper:has(.lifePContainer:hover){transform:scale(1.05)}.lifePContainer:hover{box-shadow:0 1px 5px #00000080,0 3px 20px #000c,inset 0 0 20px #00000080}.lifeImageContainer{margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:45%;filter:drop-shadow(0 0 5px rgba(0,0,0,1))}.lifeImageContainer.inView{animation:imagePop 1s ease forwards}.lifeImageContainer:has(.lifeImage:hover){transition:all .3s ease;filter:drop-shadow(0 0 5px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(0,0,0,.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{background:linear-gradient(to right,transparent 5%,var(--main-bg-color),transparent 95%);margin-bottom:0}#aboutMeTitleContainer:after,#aboutMeTitleContainer:before{background:linear-gradient(to right,transparent 5%,var(--main-accent-color),transparent 95%)}.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{background:linear-gradient(to right,transparent 5%,var(--main-bg-color),transparent 95%);margin-bottom:0}#aboutMeTitleContainer:after,#aboutMeTitleContainer:before{background:linear-gradient(to right,transparent 5%,var(--main-accent-color),transparent 95%)}.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}}html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body{background:linear-gradient(to right,var(--main-third-color) 20%,var(--main-secondary-color),var(--main-third-color) 80%)}@keyframes bounceA{0%{transform:translate(-200%);opacity:0}60%{transform:translate(5%);opacity:1}to{transform:translate(0)}}@keyframes bounceB{0%{transform:translate(200%);opacity:0}60%{transform:translate(-5%);opacity:1}to{transform:translate(0)}}@keyframes bounceC{0%{transform-origin:center;transform:translate(-47.5%) scale(.1);opacity:0}60%{transform:translate(-47.5%) scale(1.2);opacity:1}to{transform:translate(-47.5%) scale(1)}}@keyframes bounceCSmall{0%{transform-origin:center;transform:scale(.1);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(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;position:relative;background:linear-gradient(to right,transparent 30%,var(--main-bg-color),transparent 70%)}#timelineHeader:before{position:absolute;content:"";top:0;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 30%,var(--main-accent-color),transparent 70%)}#timelineHeader:after{position:absolute;content:"";top:calc(100% - 3px);left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 30%,var(--main-accent-color),transparent 70%)}#timelineTitle{display:flex;justify-content:center;align-items:center;position:relative;color:var(--main-text-color);font-size:2.5em;padding:10px 10px 8px;font-family:var(--header-font),"Roboto",sans-serif;text-decoration:underline;font-weight:500;font-size:3rem;text-align:center}#timelineTitle.notLoaded{opacity:0;transition:opacity 1s ease}#timelineTitle.loaded{opacity:1;transition:opacity 1s ease}#timelineTitle.notLoaded div:first-child{transform:translate(-300%) rotate(-360deg);transition:transform 1.3s ease}#timelineTitle.notLoaded div:last-child{transform:translate(300%) rotate(360deg) scaleX(-1);transition:transform 1.3s ease}#timelineTitle.loaded div:first-child{transform:translate(0) rotate(0);transition:transform 1.3s ease}#timelineTitle.loaded div:last-child{transform:translate(0) rotate(0) scaleX(-1);transition:transform 1.3s ease}#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 1s ease}}.timelineIcon svg{fill:var(--main-bg-color);width:30px;height:30px}.business{background-color:var(--main-text-color)}.family{background-color:#c78100}.education{background-color:green}.start{background-color:#ad4f5f}@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:3}.arrow:before{content:"";position:absolute;top:0;left:0;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,.5)) drop-shadow(0 3px 10px rgba(0,0,0,.5))}.arrow:after{content:"";position:absolute;top:-20px;width:20px;height:40px;background-color:var(--main-bg-color);z-index:3}.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:10px;box-shadow:0 1px 3px #00000080,0 3px 10px #00000080;background-color:var(--main-bg-color);z-index:1}.timelineEvent.outView{opacity:0}.timelineEvent:hover{box-shadow:0 3px 5px #00000080,0 6px 20px #00000080;transform:scale(1.05);transform-origin:center;transition:transform .2s ease,box-shadow .2s ease}#timelineContainer :first-child .timelineEvent{background-color:#add8e6}#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 1s ease}#timelineContainer :nth-child(2n) .timelineEvent.inView{animation:bounceB 1s ease}#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 :first-child .timelineEvent .arrow{border-left:10px solid lightblue}#timelineContainer :nth-child(odd) .timelineEvent .arrow:before{border-left:10px solid var(--main-bg-color);transform:translate(-100%,-50%)}#timelineContainer :nth-child(2n) .timelineEvent .arrow:before{border-right:10px solid var(--main-bg-color);transform:translateY(-50%)}#timelineContainer :first-child .timelineEvent .arrow:before{border-left:10px solid lightblue}#timelineContainer :nth-child(odd) .timelineEvent .arrow:after{left:-30px}#timelineContainer :nth-child(2n) .timelineEvent .arrow:after{left:10px}#timelineContainer :first-child .timelineEvent .arrow:after{background-color:#add8e6}.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{background:linear-gradient(to right,transparent 5%,var(--main-bg-color),transparent 95%);margin-bottom:80px}#timelineHeader:before,#timelineHeader:after{background:linear-gradient(to right,transparent 5%,var(--main-accent-color),transparent 95%)}#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 1s ease}.date{display:flex;margin:35px auto!important;text-align:center;justify-content:center;z-index:2}}