:root{--bg-main:#313640;--bg-main-50:#31364080;--bg-secondary:#20242c;--bg-secondary-40:#20242c66;--bg-secondary-50:#20242c80;--bg-secondary-80:#20242ccc;--color-white:white;--color-white-smoke:#b2b2b2;--color-black:black}.bg-principal{background-color:#313640}.bg-secondary{background-color:#20242c}.text-white{color:#fff}.text-white-smoke{color:#b2b2b2}.text-black{color:#000}.flex{display:flex}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#313640;margin:0;font-family:Segoe UI,sans-serif;font-size:16px}body.no-scroll{overflow:hidden}.reveal-on-scroll{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(24px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.reveal-on-scroll.is-visible .project,.reveal-on-scroll.is-visible .skills,.reveal-on-scroll.is-visible .job{animation:.5s both card-reveal}.reveal-on-scroll.is-visible .project:nth-child(2),.reveal-on-scroll.is-visible .skills:nth-child(2),.reveal-on-scroll.is-visible .job:nth-child(2){animation-delay:80ms}.reveal-on-scroll.is-visible .project:nth-child(3),.reveal-on-scroll.is-visible .skills:nth-child(3),.reveal-on-scroll.is-visible .job:nth-child(3){animation-delay:.16s}@keyframes card-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transition:none;transform:none}.reveal-on-scroll.is-visible .project,.reveal-on-scroll.is-visible .skills,.reveal-on-scroll.is-visible .job{animation:none}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}h1,h2,h3,h4,h5,p{margin:0}h2{text-align:center;font-size:3rem}@media screen and (width<=1200px){h2{font-size:2.5rem}}@media screen and (width<=578px){h2{font-size:1.75rem}}