@keyframes first-loop{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.scroll-container{--time:60s;--half-time:30s;grid-template-rows:1fr;grid-template-columns:1fr;grid-template-areas:"scroll-area";animation-direction:normal;position:relative;z-index:1}.scroll-container:hover .scroll{animation-play-state:paused}.scroll{grid-area:scroll-area;animation:loop var(--time) linear infinite;transform:translateX(100%);position:relative;z-index:1;&[data-first]{animation:first-loop var(--time) linear forwards;transform:translateX(0)}&[data-last]{animation-delay:var(--half-time)}}.gradient-edges{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--background-color,#000) 0,transparent 10%,transparent 90%,var(--background-color,#000) 100%);z-index:2}a{display:inline-block;transition:transform .3s ease}a.icon:hover{transform:scale(1.1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .5s forwards}.skills-section{position:relative;overflow:hidden;display:flex;flex-direction:column}.skills-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transform:translateY(-35%);object-fit:cover;&.dark{opacity:.8;mix-blend-mode:screen}&.light{opacity:.7;filter:invert(1) hue-rotate(166deg);mix-blend-mode:multiply}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.projects-height{transition:height 1s ease,max-height 1s ease,min-height 1s ease;&.expand{transition:height 1s ease,max-height 1s ease,min-height 1s ease}}.projects-fade{transition:opacity .5s ease;&.hide,&.show{opacity:1;transition:opacity .5s ease}}.projects-width{transition:width 1s ease,max-width 1s ease,min-width 1s ease}.project-grow{transition:height 1s ease,max-height 1s ease,min-height 1s ease;transition:width 1s ease,max-width 1s ease,min-width 1s ease}.icon{transition:width 1s ease,opacity 1s ease}.icon-shrink{width:0!important;opacity:0;overflow:hidden;margin:0!important}.icon-expand{opacity:1;overflow:visible}.radial-background{background-color:var(--background-color-dark);min-height:100vh;background-image:radial-gradient(50% 50% at 50% 50%,rgba(3,49,254,.2) 0,transparent 100%),radial-gradient(50% 50% at 50% 50%,rgba(3,49,254,.2) 0,transparent 100%),radial-gradient(50% 50% at 50% 50%,rgba(3,49,254,.1) 0,transparent 100%);background-repeat:no-repeat;background-size:70vw 80vh,80vw 100vh,50vw 90vh;background-position:50% 50px,50% 100px,50% 70px}@media (max-width:1280px){.radial-background{background-size:110% 100%,110% 100%,110% 100%;background-position:50% 33%,50% 66%,50% 99%}}@media (max-width:768px){.radial-background{background-size:130% 100%,130% 100%,130% 100%;background-position:50% 33%,50% 66%,50% 99%}}.light .radial-background{background-color:var(--background-color-light);background-image:radial-gradient(40% 40% at 50% 50%,rgba(3,49,254,.5) 0,transparent 100%),radial-gradient(51% 50% at 50% 50%,rgba(3,49,254,.5) 0,transparent 100%),radial-gradient(40% 40% at 50% 50%,rgba(3,49,254,.5) 0,transparent 100%)}.loader{border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}