@keyframes bounce-1{0%,to{transform:translateY(-.5rem)}50%{transform:translateY(.5rem)}}@keyframes bounce-2{0%,to{transform:translateY(-1px)}50%{transform:translateY(1rem)}}@keyframes vector-entry-1{0%{transform:translateY(7rem)scale(.5)}to{transform:translateY(0)scale(1)}}@keyframes vector-entry-2{0%{transform:translateY(5rem)scale(.25)}to{transform:translateY(0)scale(1)}}@keyframes backToTopBounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes scrollShow{0%{opacity:0}to{opacity:1}}@keyframes scrollScale{0%{transform:scale(.8)translate(-2.5rem)}to{transform:scale(1)translate(0)}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes animatedGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}#home-screen{height:calc(100vh - 60px);max-height:var(--max-height-px);min-height:var(--min-height-px)}@supports (-webkit-touch-callout:none){#home-screen{height:calc(100vh - 150px)}}@media (orientation:landscape){#home-screen.is-mobile{height:calc(100vh - 140px)}#home-screen.is-mobile #home-screen-photo{display:none}}@supports (-webkit-touch-callout:none){@media (orientation:landscape){#home-screen{height:calc(100vh - 140px)}#home-screen #home-screen-photo{display:none}}}#home-screen #home-screen-title{filter:drop-shadow(0 0 .15rem #fff);margin-top:6vh}#home-screen #home-screen-title>*{animation-duration:.25s;animation-timing-function:ease-in-out;animation-fill-mode:both}#home-screen #home-screen-title .anim-first{animation-name:fadeFromTop;animation-delay:.25s}@media (min-width:768px){#home-screen #home-screen-title .anim-first{animation-name:fadeFromBottom}}#home-screen #home-screen-title .anim-second{animation-name:fadeFromTop;animation-delay:.5s}@media (min-width:768px){#home-screen #home-screen-title .anim-second{animation-name:fadeFromBottom}}#home-screen #home-screen-title .anim-third{animation-name:fadeFromTop;animation-delay:.75s}@media (min-width:768px){#home-screen #home-screen-title .anim-third{animation-name:fadeFromBottom}}#home-screen #home-screen-photo img{filter:drop-shadow(0 0 2px gray);min-width:350px;max-width:768px;min-height:350px;max-height:65vh}@media screen and (min-width:480px){#home-screen #home-screen-photo img{-o-object-fit:scale-down;object-fit:scale-down}}.animate-gradient{background-size:300%;animation:6s infinite alternate animatedGradient}.home-rotating-phrase{animation:.25s ease-in-out both fadeFromTop;display:inline-block}@media (min-width:768px){.home-rotating-phrase{animation-name:fadeFromBottom}}
@keyframes bounce-1{0%,to{transform:translateY(-.5rem)}50%{transform:translateY(.5rem)}}@keyframes bounce-2{0%,to{transform:translateY(-1px)}50%{transform:translateY(1rem)}}@keyframes vector-entry-1{0%{transform:translateY(7rem)scale(.5)}to{transform:translateY(0)scale(1)}}@keyframes vector-entry-2{0%{transform:translateY(5rem)scale(.25)}to{transform:translateY(0)scale(1)}}@keyframes backToTopBounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes scrollShow{0%{opacity:0}to{opacity:1}}@keyframes scrollScale{0%{transform:scale(.8)translate(-2.5rem)}to{transform:scale(1)translate(0)}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes animatedGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}.section .download-cv-btn{margin-top:2px;margin-bottom:2px}.section .section-title,.section .section-content p,.section .download-cv-btn,.section .slide-container,.section .timeline-item *{view-timeline-name:--scroll-animation;view-timeline-axis:block;animation-name:scrollShow;animation-fill-mode:both;animation-timeline:--scroll-animation;animation-range:entry 20% cover 40%}@media screen and (max-width:450px){.section .timeline-item h3{text-wrap:balance;animation-name:scrollShow,scrollScale}.section .timeline-item p{animation-name:scrollShow,scrollScale}}
@keyframes bounce-1{0%,to{transform:translateY(-.5rem)}50%{transform:translateY(.5rem)}}@keyframes bounce-2{0%,to{transform:translateY(-1px)}50%{transform:translateY(1rem)}}@keyframes vector-entry-1{0%{transform:translateY(7rem)scale(.5)}to{transform:translateY(0)scale(1)}}@keyframes vector-entry-2{0%{transform:translateY(5rem)scale(.25)}to{transform:translateY(0)scale(1)}}@keyframes backToTopBounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes scrollShow{0%{opacity:0}to{opacity:1}}@keyframes scrollScale{0%{transform:scale(.8)translate(-2.5rem)}to{transform:scale(1)translate(0)}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes animatedGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}.infinite-slide{height:100px;animation:90s linear infinite infinite-scroll}.infinite-slide li{filter:grayscale();transition:all .2s ease-in-out}.infinite-slide li:nth-of-type(2n){transform:scale(1.25)}.infinite-slide li:hover{filter:drop-shadow(0 0 .15rem #fff);transform:scale(1.5)}.infinite-slide .brighter{filter:grayscale()brightness(2)}.infinite-slide .brightest{filter:grayscale()brightness(3)}.infinite-slide:hover{animation-play-state:paused}
@keyframes bounce-1{0%,to{transform:translateY(-.5rem)}50%{transform:translateY(.5rem)}}@keyframes bounce-2{0%,to{transform:translateY(-1px)}50%{transform:translateY(1rem)}}@keyframes vector-entry-1{0%{transform:translateY(7rem)scale(.5)}to{transform:translateY(0)scale(1)}}@keyframes vector-entry-2{0%{transform:translateY(5rem)scale(.25)}to{transform:translateY(0)scale(1)}}@keyframes backToTopBounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes scrollShow{0%{opacity:0}to{opacity:1}}@keyframes scrollScale{0%{transform:scale(.8)translate(-2.5rem)}to{transform:scale(1)translate(0)}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes animatedGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}.separator{opacity:.35;width:100%;margin-top:2rem;margin-bottom:1.5rem}#about-me-vectors{view-timeline-name:--vector-container;view-timeline-axis:block;animation-name:scrollShow;animation-fill-mode:both;animation-timeline:--vector-container;animation-range:entry 20% cover 40%;position:relative}#about-me-vectors img{max-width:unset}@media (max-width:450px){#about-me-vectors img{max-width:250px}}#about-me-vectors .icon-container{view-timeline-name:--vector-items;view-timeline-axis:block;animation-fill-mode:both;animation-timeline:--vector-items;position:absolute}#about-me-vectors .icon-container:nth-of-type(2n){animation-name:vector-entry-1;animation-range:entry 10% cover 50%}#about-me-vectors .icon-container:nth-of-type(odd){animation-name:vector-entry-2;animation-range:entry 30% cover}#about-me-vectors .icon-container.aboutme-sports{top:70px;left:65px}@media (max-width:450px){#about-me-vectors .icon-container.aboutme-sports{top:25px;left:30px}}#about-me-vectors .icon-container.aboutme-sports img{animation:2.25s .25s infinite bounce-1}#about-me-vectors .icon-container.aboutme-music{top:0;left:95px}@media (max-width:450px){#about-me-vectors .icon-container.aboutme-music{top:-35px;left:60px}}#about-me-vectors .icon-container.aboutme-music img{animation:1.5s .75s infinite bounce-2}#about-me-vectors .icon-container.aboutme-travel{top:115px;left:10px}@media (max-width:450px){#about-me-vectors .icon-container.aboutme-travel{top:65px;left:-5px}}#about-me-vectors .icon-container.aboutme-travel img{animation:1.75s .5s infinite bounce-1}#about-me-vectors .icon-container.aboutme-video{top:110px;right:30px}@media (max-width:450px){#about-me-vectors .icon-container.aboutme-video{top:75px;right:5px}}#about-me-vectors .icon-container.aboutme-video img{animation:2s 1s infinite bounce-2}#about-me-vectors .icon-container.aboutme-landscape{top:0;right:70px}@media (max-width:450px){#about-me-vectors .icon-container.aboutme-landscape{top:-20px;right:20px}}#about-me-vectors .icon-container.aboutme-landscape img{animation:2.5s 1.25s infinite bounce-1}
@keyframes bounce-1{0%,to{transform:translateY(-.5rem)}50%{transform:translateY(.5rem)}}@keyframes bounce-2{0%,to{transform:translateY(-1px)}50%{transform:translateY(1rem)}}@keyframes vector-entry-1{0%{transform:translateY(7rem)scale(.5)}to{transform:translateY(0)scale(1)}}@keyframes vector-entry-2{0%{transform:translateY(5rem)scale(.25)}to{transform:translateY(0)scale(1)}}@keyframes backToTopBounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes scrollShow{0%{opacity:0}to{opacity:1}}@keyframes scrollScale{0%{transform:scale(.8)translate(-2.5rem)}to{transform:scale(1)translate(0)}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes animatedGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}.spinner-overlay{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;transition:all 1s;display:flex;position:absolute;inset:0;overflow:hidden}.spinner-container{border:4px solid #0000001a;border-top:4px solid var(--color-jade-800);border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin}
@keyframes bounce-1{0%,to{transform:translateY(-.5rem)}50%{transform:translateY(.5rem)}}@keyframes bounce-2{0%,to{transform:translateY(-1px)}50%{transform:translateY(1rem)}}@keyframes vector-entry-1{0%{transform:translateY(7rem)scale(.5)}to{transform:translateY(0)scale(1)}}@keyframes vector-entry-2{0%{transform:translateY(5rem)scale(.25)}to{transform:translateY(0)scale(1)}}@keyframes backToTopBounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes scrollShow{0%{opacity:0}to{opacity:1}}@keyframes scrollScale{0%{transform:scale(.8)translate(-2.5rem)}to{transform:scale(1)translate(0)}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes animatedGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}.waves{width:100%;height:60px}.waves div{width:100%;height:60px;position:absolute}.waves div svg{background-color:#0000;width:100%;height:60px;margin-bottom:-7px;position:absolute}.parallax use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.parallax .color1{animation-duration:8s;animation-delay:-2s}.parallax .color2{animation-duration:12s;animation-delay:-4s}.parallax .color3{animation-duration:16s;animation-delay:-6s}.parallax .color4{animation-duration:20s;animation-delay:-8s}
@keyframes bounce-1{0%,to{transform:translateY(-.5rem)}50%{transform:translateY(.5rem)}}@keyframes bounce-2{0%,to{transform:translateY(-1px)}50%{transform:translateY(1rem)}}@keyframes vector-entry-1{0%{transform:translateY(7rem)scale(.5)}to{transform:translateY(0)scale(1)}}@keyframes vector-entry-2{0%{transform:translateY(5rem)scale(.25)}to{transform:translateY(0)scale(1)}}@keyframes backToTopBounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes scrollShow{0%{opacity:0}to{opacity:1}}@keyframes scrollScale{0%{transform:scale(.8)translate(-2.5rem)}to{transform:scale(1)translate(0)}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes animatedGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}.back-to-top{--offset:50px;margin-top:calc(100vh + var(--offset));display:inline;position:sticky;bottom:20px}.back-to-top a{cursor:pointer;border-radius:100%;width:40px;height:40px;transition:all .25s;animation:1s infinite backToTopBounce}@media (min-width:640px){.back-to-top a{width:48px;height:48px}}@media (min-width:1280px){.back-to-top a{width:56px;height:56px}}.back-to-top a svg.arrow-up{fill:#fff;width:20px;height:20px}@media (min-width:640px){.back-to-top a svg.arrow-up{width:24px;height:24px}}@media (min-width:1280px){.back-to-top a svg.arrow-up{width:32px;height:32px}}.back-to-top a:hover{background-color:var(--color-jade-600)}.back-to-top a:active{box-shadow:none;background-color:var(--color-jade-600);transition:all 50ms;transform:translateY(.25rem)}