:root{--font--display: "Nunito Sans", sans-serif;--font--body: "Nunito", sans-serif;--font--monospace: "Fira Code", monospace;--weight--light: 300;--weight--semibold: 600;--weight--bold: 800;--color--grey-200: #cccccc;--color--grey-500: #696969;--color--grey-600: #757575;--color--grey-700: #1c1c1c;--color--grey-800: #111111;--color--background: #222831;--color--main: #333840;--color--accent: #008080;--color--github: #4078c0;--color--reddit: #ff4500;--color--mastodon: #6364ff;--color--email: #1caaea;--color--linkedin: #0077b5;--size--h1: 3em;--size--h2: 2em;--size--h3: 1.5em;--size--h4: 1.2em;--size--h5: 1.2em;--size--h6: 0.75em;--size--paragraph: 1.2em;--shadow: 0 4px 8px rgba(0, 0, 0, 0.05);--shadow-dark: 0 0.5em 2em rgb(0, 0, 0, 0.2);--height--header: 60px}a:hover{color:var(--color--accent);transition:color 200ms ease-in-out}body{max-width:1800px;margin:auto;background:var(--color--background);color:var(--color--grey-200);font-family:var(--font--body);font-weight:var(--weight--light);padding-top:var(--height--header)}body::-webkit-scrollbar{display:none}*{outline-color:#1e90ff;outline-offset:.25em;margin:0;padding:0;border:0;box-sizing:border-box}::-moz-selection{color:var(--color--grey-200);background:var(--color--accent)}::selection{color:var(--color--grey-200);background:var(--color--accent)}html{overflow-y:scroll}a{text-decoration:none}img,.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.h1{font-family:var(--font--display);font-weight:var(--weight--bold);font-size:var(--size--h1);color:var(--color--grey-200);line-height:1;margin:.5em 0}.h2{font-family:var(--font--display);font-weight:var(--weight--bold);font-size:var(--size--h2);color:var(--color--grey-200);line-height:1.2;margin:.5em 0}.h3{font-family:var(--font--display);font-weight:var(--weight--bold);font-size:var(--size--h3);color:var(--color--grey-200);line-height:1.2}.h4{font-family:var(--font--body);font-weight:var(--weight--bold);font-size:var(--size--h4);color:var(--color--grey-200);line-height:1.2}.h5{font-family:var(--font--body);font-weight:var(--weight--light);font-size:var(--size--h5);color:var(--color--grey-200);line-height:1.2}.h6{font-family:var(--font--body);font-weight:var(--weight--light);font-size:var(--size--h6);color:var(--color--grey-200);line-height:1.2}.p,li,a{font-family:var(--font--body);font-weight:var(--weight--light);font-size:var(--size--paragraph);color:var(--color--grey-200);line-height:1.4}.button{padding:.5em 1em;background:var(--color--grey-700);border:1px solid var(--color--grey-300);border-radius:.2em;transition:opacity 200ms ease-in-out;font-weight:var(--weight--bold);color:var(--color--grey-300)}.button:hover{color:var(--color--accent)}.link__icon-container{margin:auto .5em;height:30px}.link__icon-container:hover .mastodon{fill:var(--color--mastodon)}.link__icon-container:hover .reddit{fill:var(--color--reddit)}.link__icon-container:hover .github{fill:var(--color--github)}.link__icon-container:hover .email{fill:var(--color--email)}.link__icon-container:hover .linkedin{fill:var(--color--linkedin)}.link__icon-container svg{height:30px;fill:var(--color--grey-200);transition:fill 200ms ease-in-out}.link-hover{margin:auto 0}.divider{height:60px}.divider .divider__line{height:2px;background-color:var(--color--main);width:100%;position:absolute;margin-top:29px;left:0}.divider .divider__box{height:60px;width:60px;margin:0 auto;display:block;background-color:var(--color--main);border-radius:3px;position:absolute;left:calc(50% - 30px)}.divider .divider__box .divider__arrow{height:74%;width:74%;margin:13%;fill:var(--color--accent)}.footer__zone{padding:4em 0}.footer__zone .footer{position:fixed;bottom:0;left:0;right:0;z-index:2;background-color:var(--color--grey-800);padding:.2em 0}.footer__zone .footer .container{max-width:1920px}@media screen and (max-height: 1080px){.footer__zone{padding:2em 0}}.header{width:100%;margin:0 auto;height:var(--height--header);position:fixed;top:0;left:0;right:0;z-index:2;background:var(--color--grey-800)}.header .container{margin-top:10px;height:40px}.header nav{font-size:1.2em}.header .header__logo{font-size:1.5em;cursor:default}.header .logo__text{white-space:nowrap;font-weight:var(--weight--bold);font-family:var(--font--display);font-size:1.13em;line-height:40px}@media screen and (max-height: 920px){.header{height:calc(var(--height--header) - 10px)}.header .container{margin-top:5px}body{padding-top:calc(var(--height--header) - 10px)}}@media screen and (max-width: 720px){.header .header__logo{font-size:1.25em}}@media screen and (max-width: 680px){.header .icon-nav{display:none}}@media screen and (max-width: 480px){.header .header__logo{display:none}}.about__page{display:flex;flex-direction:row-reverse}.about__page .about__section{padding-top:5em;width:50%}.about__page .about__section.about__details{padding-left:5%}.about__page .about__section.about__me span{margin-right:1rem}.about__page .about__section.about__me .about__title h2:first-child{margin-right:.5em}.about__page .about__section .about__image{border-radius:10%;height:200px;width:200px;line-height:200px;display:block;margin:1em auto;text-align:center;background-color:var(--color--grey-800)}.about__page .about__section .about-category{margin-left:28px}.about__page .about__section .about-category p,.about__page .about__section .about-category a{padding-bottom:.2em;text-indent:-28px;font-size:inherit}.about__page .about__section .about-category a{cursor:pointer}.about__page .about__section .about-category p:last-child{padding-bottom:1em}.about__page .about__section p,.about__page .about__section a{font-size:1.1em;line-height:1.4;padding-bottom:1em}@media screen and (max-width: 720px){.about__page{display:block}.about__page .about__section.about__me{padding-top:2em;width:100%}.about__page .about__section.about__details{padding-left:0;width:100%}}@media screen and (min-width: 1200px){.about__page .about__section.about__details{padding-left:15%}}#home__introduction{padding:4em 0}#home__introduction p{font-size:1.3em}#home__introduction .hero{padding-bottom:2.5em}#home__introduction .hero h1{margin:.2em 0;text-transform:uppercase}#home__introduction .hero__logo{font-size:1.7em}#home__introduction .row{overflow:hidden}#home__about_me{padding:4em 0}#home__about_me p{padding-bottom:.5em;font-size:1.3em}#home__about_me #home__about_me__text{width:60%}#home__about_me #home__about_me__text span{padding-right:15px}#home__about_me #home__about_me__image{padding-left:5%;width:40%;margin:auto 0}#home__about_me #home__about_me__image img{padding:2em 0;max-width:400px}#home__about_me #home__about_me__image span{margin-right:.4em}#home__about_me #home__about_me_links.row-buttons{flex-wrap:wrap;justify-content:space-evenly;padding:1em 0}#home__about_me #home__about_me_links.row-buttons .button{padding:1em 2em}#home__project_preview{padding:4em 0}#home__project_preview .projects__preview_container{display:flex;flex-wrap:wrap;gap:2em;justify-content:center;padding-top:1em}#home__project_preview .projects__preview_container .projects__preview{background-color:var(--color--grey-800);width:320px;height:220px;border-radius:.3em;overflow:hidden;display:flex;justify-content:center}#home__project_preview .projects__preview_container .projects__preview:hover .projects__preview_image{transform:scale(1.03)}#home__project_preview .projects__preview_container .projects__preview .projects__preview_image{height:100%;transition:transform 300ms ease-in-out}.section__title{padding-bottom:.5em}.section__title h2:first-child{margin-right:.4em}@media screen and (max-width: 620px){#home__introduction h1{font-size:2em}#home__introduction h2{font-size:1em}#home__about_me #home__about_me__content.row{display:block}#home__about_me #home__about_me__text{width:100%}#home__about_me #home__about_me__image{width:100%;padding-top:2em}}@media screen and (min-width: 1200px){#home__project_preview .projects__preview_container .projects__preview{width:400px;height:300px}}.projects__section{margin:4em auto}.projects__section .projects__section-row{padding:3em;margin-bottom:2em;border-radius:.2em;align-items:center;background-color:var(--color--grey-800)}.projects__section .projects__section-row .projects__title{display:flex;padding-bottom:.5em;font-size:2em;color:var(--color--accent)}.projects__section .projects__section-row .projects__section-text{margin-top:1em;font-size:1.2em;line-height:1.4em}.projects__section .col{flex:1}.projects__section .col .row{flex-wrap:wrap;justify-content:center}.projects__section .button{margin:.5em;font-size:1.2em}.projects__section .projects__section-image{max-height:400px;max-width:300px;margin-left:1.5em;border-radius:.2em}@media screen and (max-width: 520px){.projects__section .projects__section-row .row{display:block}.projects__section .projects__section-row .button{margin:1em .5em 2em;display:block;margin:1em auto;width:fit-content}}@media screen and (max-width: 880px){.projects__section{font-size:1em}.projects__section .projects__section-row{flex-wrap:wrap}.projects__section .projects__section-row .projects__title{padding-bottom:.3em;font-size:1.5em}.projects__section .col{flex:auto}.projects__section .projects__section-image{margin:1em auto 0;width:90%;max-width:300px;max-height:none}}@media screen and (min-width: 1200px){.projects__section .projects__section-row .projects__title{font-size:2em}.projects__section .projects__section-row .projects__section-text{font-size:1.3em}.projects__section .projects__section-image{max-width:400px;max-height:500px}.projects__section .projects__section-row .button{font-size:1.3em}}.project__back{padding-top:5em;height:auto}.project__back .project__back-button{width:fit-content}.project__page .row-buttons{flex-wrap:wrap;justify-content:space-evenly;padding:2em 0}.project__page .row-buttons .button{padding:1em 2em}.project__page .project__section{display:flex;margin-bottom:2em}.project__page .project__section .project__section-images{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.project__page .project__section .project__section-images .project__section-image{width:33%;min-width:150px;max-width:250px;max-height:none}.project__page .project__section .project__section-text{font-size:1.2em;line-height:1.4em;margin:auto 0}.project__page .project__section .project__section-image{max-width:45%;max-height:500px;height:fit-content;border-radius:.2em;margin:auto}.project__page .project__section .project__section-image:only-child{max-width:100%;width:100%}.project__page .project__section .project__section-left{margin-right:4em}.project__page .project__header{margin-top:2em}.project__page .project__header .project__section-text{margin-top:1em}.project__page .project__header .project__title{display:flex}.project__page .project__header .project__title .project__logo{width:4em;height:4em;margin:auto 2em auto 0}.project__page .project__header .project__title .project__name{font-size:2.5em;margin:auto 0}@media screen and (min-width: 1200px){.project__page .project__section .project__section-text{font-size:1.3em}}@media screen and (max-height: 920px){.project__page .project__header .project__title .project__logo{width:2.5em;height:2.5em;margin-right:1em}.project__page .project__header .project__title .project__name{font-size:2em}.project__page .project__section .project__section-image{max-width:40%}.project__page .project__section .project__section-image:only-child{max-width:100%;width:100%}}@media screen and (max-width: 1200px){.project__page .project__header .project__title .project__logo{width:2.5em;height:2.5em;margin-right:1em}.project__page .project__header .project__title .project__name{font-size:2em}}@media screen and (max-width: 860px){.project__page .project__header{display:block}.project__page .project__header .project__title{justify-content:center}.project__page .project__section{margin-bottom:0}.project__page .project__section:nth-child(even){flex-direction:column-reverse}.project__page .project__section:nth-child(odd){display:block}.project__page .project__section .project__section-image{max-height:none;max-width:70%;margin:2em 15%;object-fit:contain}.project__page .project__section .project__section-left{margin-right:0}.project__page .project__section .project__section-image:only-child{max-width:100%;width:100%}.project__page .project__section .project__section-left.project__section-image{margin-top:1.5em}.project__page .project__section .project__section-text{margin:1em 0}}@media screen and (max-width: 600px){.project__page .project__section .project__section-image{max-width:90%;max-height:none;margin:2em 5%}}@media screen and (max-width: 520px){.project__page .project__header .project__title .project__name{font-size:1.5em}.project__page p{font-size:1.2em}}@media screen and (max-width: 420px){.project__page .project__section .project__section-images .project__section-image{max-height:none;width:100%}.project__page .project__section .project__section-image:only-child{max-width:100%;width:100%}}.container{width:90%;max-width:1400px;margin:0 auto}.fill-width{width:100%}.text-accent{color:var(--color--accent)}.text-secondary{color:var(--color--grey-500)}.spread{justify-content:space-between}.space{justify-content:space-around}.almost-width{width:90%;margin:0 5%}.text-medium{font-size:1.2em}.table{display:table}.row{display:flex}.bold{font-weight:var(--weight--bold)}@media screen and (max-width: 720px){.margin-override{margin-right:0 !important}.text-medium{font-size:1em}}@media screen and (min-width: 1024px){.container{width:80%}.almost-width{width:70%;margin:0 15%}}