@keyframes mouse{0%{opacity:1;top:.5rem}to{opacity:0;top:2.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:PPMori-Extralight;src:url(../fonts/PPMori-Extralight.otf);font-display:swap}@font-face{font-family:PPMori-SemiBold;src:url(../fonts/PPMori-SemiBold.otf);font-display:swap}@font-face{font-family:SuisseIntl-Regular;src:url(../fonts/SuisseIntl-Regular.ttf);font-display:swap}.light-theme{--text-color:black;--background-color:white}:root{--text-color:#fefcff;--background-color:#0f0d0d}::-moz-selection{color:#fff;background:#0405d7}::selection{color:#fff;background:#0405d7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SuisseIntl-Regular,sans-serif;color:var(--text-color);background-color:var(--background-color);overflow:hidden;overflow-y:scroll!important;-webkit-overflow-scrolling:touch}h1{line-height:9.6rem;font-weight:400}h2{color:#fefcff;font-size:1.4rem;line-height:2.1rem}h2 a{color:#fff}h1,h4,nav .burger-menu a,nav .logo a{font-size:8rem;font-family:PPMori-SemiBold,sans-serif}h5{margin-bottom:2rem}p{font-size:1.5rem;line-height:2.25rem}.highlight{color:#0405d7}nav{padding:1.9rem 2.5rem 2.5rem;display:flex;justify-content:space-between;z-index:1}nav .burger-menu a,nav .logo a{font-size:1.5rem;opacity:.7;text-decoration:none;color:#fff;transition:opacity 1s}nav .burger-menu a:hover,nav .logo a:hover{opacity:1}nav .burger-menu path{fill:#fff}.menu-main,.menu-main nav,nav{width:100%;align-items:center}.menu-main,nav{position:absolute}.menu-main{left:0;top:0;display:none;place-items:center;min-height:100vh;background-color:#fff}.menu-main.active{display:grid}.menu-main .menu-close{z-index:9999;position:absolute;left:2.5rem;top:2.5rem}.menu-main nav{display:flex;justify-content:center;flex-direction:column;list-style:none;font-size:7rem;font-family:PPMori-SemiBold,sans-serif}.menu-main nav a{padding-left:2.5rem;padding-right:2.5rem;text-decoration:none;text-align:left;color:#0f0d0d}.menu-main nav a:hover:not(.social-media){color:#fff;background-color:#0405d7}section,section.hero .hero-content .hero-text{display:flex;justify-content:center;align-items:center}section{min-height:100vh;color:var(--text-color);background-color:var(--background-color)}section.hero .hero-mouse{position:absolute;bottom:5%;width:2.25rem;height:4.25rem;border:.25rem solid #333;border-radius:3.75rem;animation:fadeIn 5s}section.hero .hero-mouse::before{content:"";width:.8rem;height:.8rem;position:absolute;top:.5rem;background-color:#333;left:50%;transform:translate(-50%);border-radius:50%;opacity:1;animation:mouse 2s infinite}section.hero .hero-content{padding:2.5rem;display:flex;align-content:center;justify-content:center;text-align:center}section.hero .hero-content .hero-text{flex-direction:column}section.hero .hero-content .hero-text .linkedin{text-decoration:none;color:#0405d7;font-size:1.4rem}section.hero .hero-content .hero-text .linkedin:hover,section.section-about a:hover{text-decoration:underline}section .content{padding:10rem 0}section .content.content-default{width:40%}section.section-about{opacity:0;background-repeat:no-repeat;background-position:100% -100vh;background-image:url(./../images/hi-tech-web-developer.webp)}section.section-about .content{padding:2rem 0;position:absolute;left:10rem;width:32%;height:90%}section.section-about a{color:#fff;text-decoration:none}section.section-awards .content.content-default{width:80%}section.section-awards .content.content-default .awards a{padding:3rem 0;display:flex;justify-content:space-between;width:100%;font-size:1.8rem;border-top:.1rem solid #0f0d0d;color:#0f0d0d;text-decoration:none;transition:.8s all ease;background-color:#fff;z-index:0}section.section-awards .content.content-default .awards a:hover{color:#fefcff;background-color:#0f0d0d;padding-left:2rem;padding-right:2rem;transform:scale(1.2);z-index:-1}section.section-awards .content.content-default .awards a:last-child{border-bottom:.1rem solid #0f0d0d}section.section-awards .content.content-default .awards a div{flex:1 1 0px}section.section-awards .content.content-default .awards a .award-title{padding-left:0;transform:scale(1)}section.section-awards .content.content-default .awards a .award-platform{text-align:center}section.section-awards .content.content-default .awards a .award-year{text-align:right}section.section-contact a{color:#fefcff}section.section-contact .copyright{color:#5c5c5c}#mouse-circle{width:1rem;height:1rem;background:#0405d7;border-radius:50%;position:absolute;top:50%;left:50%;margin:-1rem 0 0-1rem;pointer-events:none;z-index:10}.loading .counter,.loading .overlay{position:fixed;width:100vw;height:100vh;z-index:2;display:flex}.loading .overlay .bar{width:10vw;height:105vh;background-color:#fefcff}.loading .counter{justify-content:flex-end;align-items:flex-end;z-index:10000;color:#0f0d0d;padding:1rem 2rem;font-size:20vw}[fade-in],[text-split]{opacity:0}[text-split] .word{overflow:hidden;padding-bottom:.1rem;margin-bottom:-.1rem;transform-origin:bottom}[data-text-line]{font-size:3.4rem;line-height:3.6rem}.hero-reveal,[data-text-line] .line{position:relative}[data-text-line] .line-mask{position:absolute;top:0;right:0;background-color:#fff;opacity:.65;width:100%;height:100%;z-index:2}img.only-mobile{display:none}.hero-reveal{width:100%;min-height:100vh;overflow:hidden;background-color:#fff}.hero-reveal .hero-reveal-split{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow:hidden;color:#fefcff;background-color:#0f0d0d}.hero-reveal .hero-reveal-split .hero-reveal-split-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;z-index:1;background-color:#fff}.hero-reveal .hero-reveal-split .hero-reveal-split-item:nth-child(1){clip-path:inset(0 0 calc(50% - 1px)0)}.hero-reveal .hero-reveal-split .hero-reveal-split-item:nth-child(2){position:absolute;bottom:0;clip-path:inset(calc(50% - 1px)0 0 0)}.hero-reveal .hero-reveal-split .hero-reveal-split-item-text{color:#000;font-size:20vw;font-family:PPMori-SemiBold,sans-serif}.hero-reveal .hero-reveal-content{padding:40rem 0;width:100%;margin-top:300vh;height:200vh;transform-origin:center;background-color:#0f0d0d;transition:all cubic-bezier(.19,1,.22,1) 1s;overflow:hidden;z-index:0;text-align:center;position:absolute}.hero-reveal .hero-reveal-content h4{margin-bottom:2rem;display:flex;flex-direction:initial;align-items:center;justify-content:center;font-size:10rem}.hero-reveal .hero-reveal-content .content{padding:0 20rem;margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;gap:4vh}.hero-reveal .hero-reveal-content .content.content-mission p{letter-spacing:-.1rem;font-size:3rem;line-height:3.9rem}@media (min-width:1005px) and (max-width:1855px){.menu-main nav{font-size:5.5rem}.menu-main .menu-close svg{width:2.5rem;height:2.5rem}section.hero h1{font-size:7rem;line-height:7rem;display:flex;flex-wrap:wrap}section.hero h1,section.hero h2{margin-bottom:1rem}section.hero .hero-content{padding:2.5rem;width:100%}section.hero .hero-content .hero-text{display:flex;justify-content:center;flex-direction:column}}@media (max-width:1004px){img.only-mobile{display:block}.menu-main nav{font-size:4rem}.menu-main .menu-close svg{width:2rem;height:2rem}h1{font-size:5rem;line-height:4.7rem;display:flex;flex-wrap:wrap;justify-content:center}h1 .non-mobile{display:none!important}h2{padding-top:2rem;font-size:1.6rem;line-height:1.76rem}[text-split] .word{width:100%}p.linkedin a{font-size:1rem}nav{padding:1rem}.hero-reveal .hero-reveal-content .content{padding:0}.hero-reveal .hero-reveal-content .content.content-mission p{font-size:2.4rem}.hero-reveal .hero-reveal-content h4{font-size:3.4rem}section.hero:before{background-image:url(./../images/alanricardox.webp);background-position:center;background-size:contain;background-repeat:no-repeat;content:" ";display:block;position:absolute;width:100%;height:100%;opacity:.1;z-index:-1}section.hero .hero-content{padding:1rem;width:100%}section.hero .hero-content .hero-text{padding:1rem;flex:100}#mouse-circle,section.hero .hero-image{display:none}section.section-about{background-image:none}section.section-about img.only-mobile{width:calc(100% + 6rem);position:relative;left:-3rem;top:-3rem;-webkit-mask-image:linear-gradient(to top,transparent 25%,#000 100%);mask-image:linear-gradient(to top,transparent 25%,#000 100%)}section.section-about .content{width:100%;left:0;padding:1rem 3rem}section.section-about .content .content-wrapper{top:-9rem;position:relative}section.section-about .content h4{font-size:4rem;display:flex}section.section-experience .word{width:auto}section.section-awards .content,section.section-experience .content{padding:4rem 0}section.section-experience .content.content-default{width:90%}section.section-experience .content.content-default h4{display:flex;font-size:6rem}section.section-awards .content.content-default h4{font-size:2.4rem;display:flex}section.section-awards .content.content-default .awards a{display:inline-block}section.section-awards .content.content-default .awards a div.award-title{font-weight:600}section.section-awards .content.content-default .awards a div.award-platform,section.section-awards .content.content-default .awards a div.award-year{text-align:left;font-size:1.2rem}section.section-awards .content.content-default .awards a div.award-platform{margin:1rem 0}section.section-contact .content{padding:4rem 2rem}section.section-contact .content h4{margin-bottom:4rem;font-size:5rem}}