@import"https://use.fontawesome.com/releases/v5.13.0/css/all.css";:root{--bgColor:#f5f5f5;--accentColor:#303030;--accentColor7:rgba(48,48,48,.07);--accentColor80:rgba(48,48,48,.8);--textColor:#595959;--aboutBold:#474747;--inputColor:#fff;--skillHoverColor:#f0f0f0;--skillBarsColor:rgba(48,48,48,.07);--heroVectorColor:#ededed;--logoColor:#303030;--logoColorBg:#f5f5f5;--contIlluMain:#ccc;--contIlluPages:#f2f2f2;--contIlluDarker:#303030;--contIlluScreen:#fff;--contIlluShirt:grey;--contIlluStand:#e6e6e6;--contIlluSeat:#e3e3e3;--heroIlluPcOut:#303030;--heroIlluScreen1:#fff;--heroIlluScreen2:#f2f2f2;--heroIlluCircle:#414141;--heroIlluInnerCircle:#303030}[data-theme=dark]{--bgColor:#303030;--accentColor:#f5f5f5;--accentColor7:hsla(0,0%,96%,.01);--accentColor80:hsla(0,0%,96%,.8);--textColor:hsla(0,0%,88%,.95);--aboutBold:#ededed;--inputColor:#363636;--skillHoverColor:#333;--skillBarsColor:#3b3b3b;--heroVectorColor:#2c2c2c;--logoColor:#f5f5f5;--logoColorBg:#303030;--contIlluMain:#272727;--contIlluPages:#d5d5d5;--contIlluDarker:#202020;--contIlluScreen:#111;--contIlluShirt:#dbdbdb;--contIlluStand:#222;--contIlluSeat:#5e5e5e;--heroIlluPcOut:#cfcfcf;--heroIlluScreen1:#1b1b1b;--heroIlluScreen2:#272727;--heroIlluCircle:#c2c2c2;--heroIlluInnerCircle:#e2e2e2}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;font-family:Poppins,sans-serif;color:var(--accentColor);padding:1.5em;background-color:var(--bgColor)}@media(min-width:390px){body{font-size:1.1rem}}@media(min-width:500px){body{font-size:1.2rem;width:90%;margin-inline:auto}}@media(min-width:650px){body{font-size:1.3rem;width:85%}}@media(min-width:1025px){body{font-size:1rem;width:90%}}@media(min-width:1320px){body{font-size:1.2rem}}@media(min-width:1580px){body{font-size:1.5rem}}@media(min-width:1925px){body{font-size:1.8rem}}@media(min-width:2330px){body{font-size:1.95rem}}@media(min-width:2850px){body{font-size:2.15rem}}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{overflow-x:hidden}::-moz-selection{color:#fff;background-color:dimgray}::-moz-selection,::selection{color:#fff;background-color:dimgray}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}a{text-decoration:none}button:hover{cursor:pointer}.section-heading{font-size:1.35em;text-transform:uppercase;position:relative;padding-top:3.5rem;margin-block:3.5em 3em;margin-inline:auto}@media(min-width:1025px){.section-heading.projects{font-size:1.75em;margin-block:6em 8em}}@media(min-width:1580px){.section-heading.projects{font-size:1.85em}}@media(min-width:1925px){.section-heading.projects{font-size:2.15em}}@media(min-width:2330px){.section-heading.projects{font-size:2.35em}}@media(min-width:2850px){.section-heading.projects{font-size:2.5em}}.section-heading:before{content:attr(data-content);padding-top:3.5rem;position:absolute;font-size:1.35em;text-transform:uppercase;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accentColor7);white-space:nowrap}.lottie-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block:auto;width:inherit;height:calc(100vh - 3em)}.lottie-container h2{font-weight:300}nav{display:flex;justify-content:space-between;margin-top:-.5em}@media(min-width:500px){nav{margin:-.5em -1.25em 0}}@media(min-width:650px){nav{margin:-.5em -1.75em 0}}@media(min-width:1025px){nav{margin:unset}}nav ul{margin:0;list-style:none;position:absolute;top:0;left:0;width:101vw;height:101vh;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;transition-duration:.5s;background-color:rgba(48,48,48,.97);padding:0 1.5em 0 0;gap:.5em;z-index:1000}nav ul.not-active{opacity:0;transform:translateY(-120vh)}nav ul.active{opacity:1;transform:translateY(0)}nav ul li{color:#fff;font-weight:500;text-transform:uppercase;font-size:clamp(1.35rem,3.9vw,3rem);position:relative;transition:transform .15s;cursor:pointer}nav ul li span.active{font-weight:700;color:var(--accentColor)}nav ul li a{color:#fff}@media(max-width:1025px){nav ul li:before{content:"";width:100%;height:3px;background-color:#fff;position:absolute;top:50%;left:calc(-100% - .25em);transform:translateY(-50%);transition-duration:.3s;pointer-events:none}nav ul li:hover{transform:scale(1.05)}nav ul li:hover:before{top:100%;left:0}}@media(min-width:1025px){nav ul{position:static;width:100%;height:unset;background-color:unset;flex-direction:row;justify-content:flex-end;gap:2em;align-items:center;padding-right:unset}nav ul li{color:var(--accentColor80);font-size:1rem}nav ul li.nav-link{position:relative}nav ul li.nav-link:before{content:"";position:absolute;top:-3px;left:50%;transform:translateX(-50%);background-color:var(--accentColor);height:.25rem;border-radius:3px;width:0;transition-duration:.3s}nav ul li.nav-link:hover:before{width:100%}nav ul li.nav-link.active{color:var(--accentColor)}nav ul li.nav-link.active:before{content:"";position:absolute;left:50%;top:-3px;transform:translateX(-50%);background-color:var(--accentColor);height:.25rem;border-radius:3px;width:100%;transition-duration:.3s;transition-delay:.5s}nav ul li a{color:inherit;transition-duration:.3s}nav ul li.theme-switch,nav ul li:hover a{color:var(--accentColor)}nav ul li.theme-switch{font-size:1em}}@media(min-width:1025px)and (min-width:1580px){nav ul li{font-size:1.15rem}}@media(min-width:1025px)and (min-width:2330px){nav ul li{font-size:1.35rem}}@media(min-width:1025px)and (min-width:2850px){nav ul li{font-size:1.75rem}}@media(min-width:1025px){nav ul.active,nav ul.not-active{opacity:unset;transform:unset}}.logo{width:12em;margin-top:-.25em;z-index:1;cursor:pointer}@media(min-width:390px){.logo{width:13.9em}}@media(min-width:500px){.logo{width:15em}}@media(min-width:650px){.logo{width:17em}}@media(min-width:1025px){.logo{width:13em}}@media(min-width:1580px){.logo{width:15em}}@media(min-width:2330px){.logo{width:17em}}.menu-btn{background-color:unset;border:unset;font-size:2em;line-height:0;margin-top:.25rem;z-index:1001;transition-duration:.25s;padding:0}.menu-btn.close{color:#fff;transform:rotate(180deg)}.menu-btn.open{color:var(--accentColor);transform:rotate(1turn)}@media(min-width:500px){.menu-btn{font-size:2.5em;margin-top:.39rem}}@media(min-width:650px){.menu-btn{font-size:3.5em;margin-top:.5rem}}@media(min-width:1025px){.menu-btn{display:none}}.theme-switch{display:flex}.hero-section{display:flex;flex-direction:column;align-items:center;font-size:.9em;position:relative}.hero-section h1{font-size:2em;margin-top:1.5em;text-align:center;text-transform:uppercase}.hero-section p{margin:1.5em}@media(min-width:500px){.hero-section{font-size:1.25em}}@media(min-width:800px){.hero-section{font-size:1.5em}}@media(min-width:1025px){.hero-section{height:100%;flex-direction:row;font-size:1.15em}.hero-section .desktop-hero-left h1{text-align:left;font-size:2.5em;margin-top:45%}}@media(min-width:1320px){.hero-section .desktop-hero-left h1{margin-top:38%}}@media(min-width:1580px){.hero-section .desktop-hero-left h1{margin-top:30%}}@media(min-width:1925px){.hero-section{font-size:1.15em}.hero-section .desktop-hero-left h1{font-size:2.6em}}@media(min-width:2330px){.hero-section{font-size:1.25em}}@media(min-width:2850px){.hero-section{font-size:1.15vw}.hero-section .desktop-hero-left h1{font-size:3.65em}}.desktop-hero-left{display:flex;flex-direction:column;align-items:center}@media(min-width:1025px){.desktop-hero-left{width:55%;align-items:flex-start;margin-top:-6em}}.desktop-hero-left .desktop-hero-bottom-left{display:flex;flex-direction:column;align-items:center;margin-top:1.5em}@media(min-width:1025px){.desktop-hero-left .desktop-hero-bottom-left{align-items:center;margin-left:10vw}}.hero-btn{background-color:var(--accentColor);border:unset;color:var(--bgColor);font-weight:700;padding:.75em 2.25em;margin-inline:auto;line-height:1;text-transform:uppercase;clip-path:inset(0);-webkit-clip-path:inset(0);position:relative}.hero-btn:before{content:"";width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;opacity:.3;transform:translateX(-100%);transition:transform .6s ease-in-out;mix-blend-mode:overlay}.hero-btn:hover:before{transform:translateX(0)}@media(min-width:1025px){.hero-btn{margin-right:auto;font-size:1.05em}}.scroll-element{width:18px;margin-bottom:3.5em}.scroll-element circle{-webkit-animation-name:scrollCircle;animation-name:scrollCircle;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@media(min-width:390px){.scroll-element{width:22px}}@media(min-width:500px){.scroll-element{width:28px}}@media(min-width:650px){.scroll-element{width:38px}}@media(min-width:1025px){.scroll-element{width:22px}.scroll-element:after{content:attr(data-content);opacity:0;background-color:var(--accentColor80);padding:.5em 1em;font-size:1rem;text-align:center;color:var(--inputColor);position:absolute;top:120%;left:50%;transform:translateX(-50%);transition-delay:50ms;transition-duration:.3s;pointer-events:none}.scroll-element:hover:after{opacity:1}}@media(min-width:1580px){.scroll-element{width:28px}}@media(min-width:1925px){.scroll-element{width:32px}}@media(min-width:2850px){.scroll-element{width:1.35vw}}.hero-illustration{width:100vw}@media(min-width:1025px){.hero-illustration{width:70vw;position:absolute;right:-25%;top:15vh}}.hero-vector{display:block;position:absolute;z-index:-1;top:0;right:0;width:70vw}@media(max-width:1025px){.hero-vector{display:none}}.contact-btns-after-scroll{display:none}@media(min-width:1025px){.contact-btns-after-scroll{position:fixed;display:flex;justify-content:center;gap:1em;bottom:8%;left:0;opacity:0;pointer-events:none;transform:translateX(-5vw);transition-duration:.5s}.contact-btns-after-scroll .hero-contact-link{padding:0;margin:0;display:flex;border:none;font-size:max(2.5rem,2vw);cursor:pointer;color:var(--accentColor)}.contact-btns-after-scroll.active{opacity:1;display:flex;position:fixed;transform:translateX(5vw);pointer-events:all}}@-webkit-keyframes scrollCircle{0%{transform:translateY(0)}50%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes scrollCircle{0%{transform:translateY(0)}50%{transform:translateY(12px)}to{transform:translateY(0)}}.projects-section{display:flex;flex-direction:column;align-items:center}.projects-section h3{font-size:1.25em;text-transform:uppercase;line-height:1;font-weight:700;text-align:center;margin-top:.5em}.projects-section h4{font-weight:300;font-size:.8em;line-height:1.25;margin-bottom:1.5em;text-align:center;color:var(--accentColor80)}.projects-section .btns-section{display:flex;justify-content:center;gap:max(5%,10px);white-space:nowrap;margin-bottom:3.5em}.projects-section button{display:flex;gap:.35em;padding:.5em .85em;align-items:center;line-height:1;border-radius:5em;border:unset;font-weight:600;font-size:.9em}.projects-section .btn-icon{font-size:1.1em}.projects-section .github-btn{background-color:var(--accentColor);color:var(--bgColor);border:1px solid var(--accentColor)}.projects-section .live-website-btn{background-color:unset;border:1px solid var(--accentColor);color:var(--accentColor)}@media(min-width:1025px){.projects-section{width:90%;margin-inline:auto;font-size:.65em}}@media(min-width:1025px)and (min-width:1580px){.projects-section{font-size:.7em}}@media(min-width:1025px){.projects-section h3{text-align:left;font-weight:700;margin-bottom:.39em;font-size:1.3em}}@media(min-width:1025px)and (min-width:1025px){.projects-section h3{color:#fff}}@media(min-width:1025px){.projects-section h4{text-align:left;font-weight:700;margin-bottom:1.25em;font-size:.9em}}@media(min-width:1025px)and (min-width:1025px){.projects-section h4{color:hsla(0,0%,98%,.9)}}@media(min-width:1025px){.projects-section .btns-section{display:none}}@media(min-width:1925px){.projects-section{width:80%}}.single-project{align-items:center}.project-info,.single-project{display:flex;flex-direction:column}@media(min-width:1025px){.project-info{width:80%;position:absolute;pointer-events:none;opacity:0;transition-duration:.3s;align-items:center;justify-content:center}.project-info.lcdg .project-description,.project-info.lcdg b,.project-info.lcdg h3,.project-info.lcdg h4{color:#303030}}@media(min-width:1580px){.project-info{font-size:.9em}}@media(min-width:1925px){.project-info{font-size:.85em}}@media(min-width:2330px){.project-info{font-size:1.1em}}@media(min-width:2850px){.project-info{font-size:1.3em;width:95%}}.btns-section-desktop{display:none}@media(min-width:1025px){.btns-section-desktop{display:flex;transition-duration:.3s;z-index:100000;position:absolute;bottom:0;left:50%;transform:translateX(-50%);opacity:0}.btns-section-desktop .live-website-btn{transition-duration:1.1s;color:#fff;border-color:#fff}.btns-section-desktop .github-btn{transition-duration:1.1s;color:#303030;background-color:#fff;border-color:#fff}.screenshot{margin-bottom:5em;width:70%;position:relative;transition-duration:.7s;clip-path:inset(0);-webkit-clip-path:inset(0)}}@media(min-width:1025px)and (min-width:2850px){.screenshot{width:90%}}@media(min-width:1025px){.screenshot:after{content:"";width:101%;height:102%;bottom:100%;transition-duration:.75s;pointer-events:none;z-index:2;background-color:#813235;opacity:.95}.screenshot:after,.screenshot:before{position:absolute;left:50%;transform:translateX(-50%)}.screenshot:before{font-family:Font Awesome\ 5 Free;font-weight:900;font-size:1.5em;content:"";width:100%;height:100%;text-align:center;bottom:7.5%;z-index:1;-webkit-animation:bounce 10s ease-in-out infinite;animation:bounce 10s ease-in-out infinite;color:#fff}.screenshot.traducila:after{background-color:#763754}.screenshot.bookmanager:after{background-color:#244570}.screenshot.lcdg:after{background-color:#e6cf9e}.screenshot:hover{transform:scale(1.39) translateY(-20%);margin-block:12em 10em}.screenshot:hover+.project-info{transition-property:opacity;transition-delay:.7s;opacity:1;padding-top:1.5em}}@media(min-width:1025px)and (min-width:2850px){.screenshot:hover+.project-info{padding-top:0}}@media(min-width:1025px){.screenshot:hover .btns-section-desktop{transition-property:opacity;transition-delay:.7s;opacity:1;transition-duration:.3s}.screenshot:hover .btns-section-desktop .live-website-btn{transition-delay:.7s;transform:translate(-2em,-2.5em);transition-duration:.3s}.screenshot:hover .btns-section-desktop .github-btn{transition-delay:.7s;transform:translate(2em,-2.5em);transition-duration:.3s}.screenshot:hover:after{transform:translateX(-50%) translateY(100%)}.screenshot:hover:before{-webkit-animation:unset;animation:unset;content:unset}.screenshot.lcdg .btns-section-desktop .live-website-btn{transition-duration:.3s;color:#303030;border-color:#303030}.screenshot.lcdg .btns-section-desktop .github-btn{transition-duration:300;color:#fff;background-color:#303030;border-color:#303030}.screenshot.lcdg{margin-bottom:15em}}.project-description{font-size:.9em;margin-bottom:1.5em;margin-right:auto}@media(min-width:1025px){.project-description{margin-bottom:.15em;font-size:1.1em}.project-description,.project-description b{color:hsla(0,0%,98%,.9)}.project-description.main{margin-bottom:1.25em}}@-webkit-keyframes bounce{0%{transform:translateY(0) translateX(-50%)}10%{transform:translateY(15%) translateX(-50%)}15%{transform:translateY(15%) translateX(-50%)}25%{transform:translateY(0) translateX(-50%)}}@keyframes bounce{0%{transform:translateY(0) translateX(-50%)}10%{transform:translateY(15%) translateX(-50%)}15%{transform:translateY(15%) translateX(-50%)}25%{transform:translateY(0) translateX(-50%)}}.skills-section{display:flex;flex-direction:column;align-items:center}#skills{margin-top:.75em}.skills-icon{font-size:1.8em;position:relative}.skills-grid{display:grid;grid-template-columns:repeat(3,100px)}@media(min-width:390px){.skills-grid{grid-template-columns:repeat(3,115px)}}@media(min-width:500px){.skills-grid{grid-template-columns:repeat(3,139px)}}@media(min-width:650px){.skills-grid{grid-template-columns:repeat(3,166px)}}@media(min-width:780px){.skills-grid{grid-template-columns:repeat(3,180px)}}@media(min-width:1025px){.skills-grid{grid-template-columns:repeat(5,1fr)}}.skills-icon-box{aspect-ratio:1/1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;color:var(--accentColor80)}.skills-icon-box:before{content:"";position:absolute;height:80%;width:1px;background-color:var(--skillBarsColor);top:10px;left:0}@media(min-width:500px){.skills-icon-box:before{top:13px}}@media(min-width:650px){.skills-icon-box:before{top:16px}}@media(min-width:780px){.skills-icon-box:before{top:15px}}@media(min-width:1025px){.skills-icon-box:before{top:10%}}.skills-icon-box:after{content:"";position:absolute;height:1px;width:80%;background-color:var(--skillBarsColor);bottom:0}.skills-icon-box.bootstrap:after,.skills-icon-box.figma:before,.skills-icon-box.firebase:before,.skills-icon-box.graphql:after,.skills-icon-box.material-ui:after,.skills-icon-box.material-ui:before,.skills-icon-box.nextjs:before,.skills-icon-box.rest:before{content:unset}@media(min-width:1025px){.skills-icon-box.figma:before,.skills-icon-box.firebase:before,.skills-icon-box.material-ui:before,.skills-icon-box.nextjs:before{content:""}.skills-icon-box.i18n:after,.skills-icon-box.photoshop:after,.skills-icon-box.photoshop:before,.skills-icon-box.sass:before{content:unset}}.skills-icon-box p{font-size:.75em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.transition-duration-skills{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;width:100%;height:100%;padding:1.25em;transition-duration:.45s}.transition-duration-skills:hover{background-color:var(--skillHoverColor);color:var(--accentColor);transition-duration:0ms}@media(min-width:650px){.skills-icon{font-size:3em}.transition-duration-skills{padding:2em}}@media(min-width:1025px){.transition-duration-skills{padding:2em}}.about-section{display:flex;flex-direction:column;justify-content:center;align-items:center}@media(min-width:1025px){.about-section{width:90%;margin-inline:auto}}.about-me-paragraphs{display:flex;flex-direction:column;gap:3em}.about-me-paragraphs article h4{font-size:1em;margin-bottom:.5em}.about-me-paragraphs article p{font-size:.85em;color:var(--textColor)}.about-me-paragraphs article p b{font-weight:600;color:var(--aboutBold)}@media(min-width:1025px){.about-me-paragraphs{flex-direction:row;text-align:center;justify-content:center;gap:6em}.about-me-paragraphs article{flex:0 0 43%}}.contact-me-section{display:flex;flex-direction:column;align-items:flex-start}.contact-me-section form{margin-block:5em 3em}.contact-me-section form label{font-weight:500}.contact-me-section form input,.contact-me-section form textarea{border:unset;border-radius:6px;padding:.5em .75em;margin-block:.15em 1em;width:100%;position:relative;outline-color:rgba(48,48,48,0);transition:outline-color .15s;background-color:var(--inputColor)}.contact-me-section form input:focus-within,.contact-me-section form textarea:focus-within{outline-color:var(--accentColor);outline:2px solid}.contact-me-section form input{height:2.25em}.contact-me-section form textarea{resize:none;height:10em}.contact-me-section form button{background-color:var(--accentColor);border:unset;color:var(--bgColor);font-weight:700;font-size:.85em;padding:.65em 1.5em;text-transform:uppercase;clip-path:inset(0);-webkit-clip-path:inset(0);position:relative}.contact-me-section form button:before{content:"";width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;opacity:.3;transform:translateX(-100%);transition:transform .6s ease-in-out;mix-blend-mode:overlay}.contact-me-section form button:hover:before{transform:translateX(0)}.contacts-illustration{margin-left:-13.9%}@media(min-width:1025px){.contacts-desktop-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr)}.contacts-desktop-grid .contacts-illustration{width:125%;margin-left:-3.9em;grid-area:1/1/3/3;margin-bottom:1em}}@media(min-width:1025px)and (min-width:2850px){.contacts-desktop-grid .contacts-illustration{width:110%}}@media(min-width:1025px){.contacts-desktop-grid form{margin:0;font-size:.9em;grid-area:1/4/4/6}}@media(min-width:1025px)and (min-width:2850px){.contacts-desktop-grid form{margin-top:3em}}@media(min-width:1025px){.contacts-desktop-grid form input{height:2.5em;margin-bottom:2em}}@media(min-width:1025px)and (min-width:2850px){.contacts-desktop-grid form input{height:3em}}@media(min-width:1025px){.contacts-desktop-grid form textarea{height:15em}}@media(min-width:1025px)and (min-width:2850px){.contacts-desktop-grid form textarea{height:20em}}@media(min-width:1025px){.contacts-desktop-grid form button{margin-top:1em}.contacts-desktop-grid .contact-links{justify-self:center;align-self:center;grid-area:3/1/4/2;margin-top:0}.contacts-desktop-grid .contact-links p{display:none}.contacts-desktop-grid .resume{grid-area:3/2/6/4;justify-self:center;align-self:center;margin-right:20%}.contacts-desktop-grid .resume .download-link{margin:0}}.download-link{background-color:var(--accentColor);color:var(--bgColor);font-weight:500;border:unset;padding:.75em 1.25em;display:flex;align-items:center;gap:.5em;margin-top:2.5em;font-size:.85em;border-radius:3em}.download-link .btn-icon{font-size:1.25rem}.contact-links{display:flex;flex-direction:column;gap:1em;margin-top:1em}.contact-links p{font-weight:500}.contact-links a{display:flex;align-items:center;gap:.5em;font-size:.9em;color:var(--accentColor)}.contact-links a .icon-link{font-size:2em}footer{margin-top:6em}footer p{font-size:.75em;text-align:center}.hero-vector-color{fill:var(--heroVectorColor)}.logo-color{fill:var(--logoColor)}.logo-color-stroke{stroke:var(--logoColor)}.logo-color-bg{fill:var(--logoColorBg)}.scroll-color{fill:var(--logoColor)}.scroll-color-stroke{stroke:var(--logoColor)}.cont-illu-main{fill:var(--contIlluMain)}.cont-illu-pages{fill:var(--contIlluPages)}.cont-illu-darker{fill:var(--contIlluDarker)}.cont-illu-screen{fill:var(--contIlluScreen)}.cont-illu-shirt{fill:var(--contIlluShirt)}.cont-illu-seat{fill:var(--contIlluSeat)}.cont-illu-stand{fill:var(--contIlluStand)}.hero-illu-pc-out{fill:var(--heroIlluPcOut)}.hero-illu-screen1{fill:var(--heroIlluScreen1)}.hero-illu-screen2{fill:var(--heroIlluScreen2)}.hero-illu-circle{fill:var(--heroIlluCircle)}.hero-illu-inner-circle{fill:var(--heroIlluInnerCircle)}