@charset "UTF-8";.presentation{position:relative;height:100vh;width:100vw;border-bottom:5px solid var(--main-color)}.presentation:before,.presentation:after{content:"";position:absolute;top:0;width:50vw;z-index:-1;height:100vh}.presentation:before{left:0;background-color:var(--secondary-color)}.presentation:after{right:0;background-color:var(--tertiary-color)}.presentation .job-title{font-size:1.5rem;transform:translate(-.4rem)}.presentation .code-icon{width:2.5rem!important}.presentation .code-icon svg{fill:var(--main-color)}.logo{font-size:2rem;font-weight:600}.menu{font-size:1.5rem}.scroll{animation:hover 2s ease infinite}.scroll svg,.scroll g{stroke:var(--main-color)}.scroll svg path{fill:var(--main-color)}#work{display:grid;background-color:var(--tertiary-color)}#work figure{overflow:hidden;position:relative;height:50vh;cursor:pointer;transition:border-color .3s linear}#work figure .folio{position:absolute;color:var(--main-color);z-index:7;font-size:2rem;line-height:1;width:3rem;padding-top:2px;aspect-ratio:1/1;text-align:center;border-radius:50%;border:3px solid var(--main-color);top:50%;left:50%;transform:translate(-50%,-50%) scale(1);opacity:1;transition:all .5s linear}#work figure img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(100%);transition:filter .5s linear;z-index:1}#work figure figcaption{position:absolute;cursor:pointer;background-color:transparent;opacity:.7;z-index:4;bottom:-1.5rem;padding:1.5rem;transition:all .3s linear}#work figure figcaption a{color:var(--primary-color);text-decoration:none;font-size:1rem;text-transform:uppercase;display:block;position:relative;margin-bottom:1rem}#work figure figcaption a:before,#work figure figcaption a:after{content:"";position:absolute}#work figure figcaption a:before{width:2rem;height:.3rem;background-color:var(--main-color);bottom:-.6rem;left:0}#work figure figcaption a:after{width:calc(100% - 2.5rem);height:.05rem;background-color:gray;bottom:-.5rem;right:0}#work figure figcaption p{opacity:0;font-weight:600;transition:opacity .5s linear}#work figure:after,#work figure:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;content:""}#work figure:before{background-color:var(--tertiary-color);transition:background-color .3s linear;opacity:.5;z-index:6}#work figure:after{width:100%;height:100%;background-color:var(--main-color);left:0;top:0;z-index:0;transition:all .3s linear}#work figure:hover img{filter:grayscale(0%)}#work figure:hover .folio{opacity:0;transform:translate(-50%,-50%) scale(1.5)}#work figure:hover figcaption{background-color:var(--tertiary-color);bottom:0}#work figure:hover figcaption p{opacity:1}#work figure:hover:before{background-color:transparent}#work figure:hover:after{left:-.5rem;top:.5rem}@media (min-width: 500px){#work{grid-template-columns:repeat(2,1fr)}.presentation .job-title{font-size:2.5rem;transform:translate(-.7rem)}}@media (min-width: 900px){#work{grid-template-columns:repeat(3,1fr)}.presentation .job-title{font-size:3.5rem;transform:translate(-1rem)}.presentation .code-icon{width:3rem!important}}.parallax_wrapper{height:100vh;overflow-x:hidden;perspective:1px}.about-me{z-index:1;background-color:var(--tertiary-color);position:relative}.about-me .headshot{width:300px;height:300px;position:relative;top:0;left:50%;transform:translate(-50%);margin:1rem auto;border-radius:50%;object-fit:cover}.parallax_content{position:relative}.parallax_content .parallax_background{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/banner-71369fa3.jpg) no-repeat;background-position:center;background-size:cover;z-index:-1;transform:translateZ(-.5px) scale(2)}.parallax_content .parallax_background:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:rgba(35,34,33,.631372549)}.services{color:var(--white-color)}.services .service-column{margin-bottom:2rem}.services .service-column .service-title .icon{position:relative;margin-right:.7rem;top:.5rem}.skills{z-index:1;background-color:var(--tertiary-color);position:relative}.skills .row{display:flex;flex-wrap:wrap;margin-bottom:2rem;gap:1rem}.skills .row>svg{display:inline-block}.skills .row .icon svg{width:3rem;height:3rem}.skills .section-tools ul{padding:0 1rem}.skills .section-tools ul li:not(:last-child){margin-bottom:.5rem}.skills .section-tools ul .code svg{fill:var(--main-color)}.skills .section-tools>div:not(:last-child){margin-bottom:1rem}@media (min-width: 380px){.section-tools{display:flex}.section-tools>div{flex-grow:1}}@media (min-width: 600px){.service-wrapper .service-row{display:grid;grid-template-columns:repeat(2,1fr)}.service-wrapper .service-row .service-column{padding:1.5rem;margin:0}.service-wrapper .service-row .service-column:first-child{border-right:1px solid gray}.service-wrapper .service-row:first-child{border-bottom:1px solid gray}}body.dark-theme .headshot{filter:grayscale(1)}@media (min-width: 700px){.about-me .headshot{position:absolute;top:50%;left:100%;transform:translate(2rem,-50%)}.about-me .informations{width:calc(100% - 300px - 2rem);position:relative}}@media (min-width: 800px){.skills-wrapper{display:grid;gap:3rem;grid-template-columns:5fr 2fr}.skills-wrapper .section-tools{flex-direction:column}}.contact{max-width:900px;margin:auto;padding:5rem 1rem}.user-info>*+*{text-align:center}.user-info .contact-heading{margin-bottom:2rem;position:relative;text-transform:uppercase}.user-info .contact-heading:before{position:absolute;content:"";height:7px;width:7%;background:var(--main-color);top:calc(100% + 1rem);left:50%;transform:translate(-50%)}.user-info .contact-subheading{font-size:2rem}.user-info .email{font-weight:400;color:var(--main-color)}.user-info .tel,.user-info .email{font-size:1.3rem}.socials .row{margin-bottom:1rem}.socials .row .social-text{position:relative}.socials .row .social-text:before,.socials .row .social-text:after{position:absolute;content:""}.socials .row .social-text:before{width:10%;height:.3rem;background-color:var(--main-color);bottom:-.55rem}.socials .row .social-text:after{width:calc(90% - .5rem);height:2px;background-color:gray;bottom:-.5rem;transition:background-color .1s linear;right:0}.socials .row a{color:var(--main-color);font-weight:600;text-decoration:none}@media (min-width: 500px){.user-info .contact-subheading{font-size:3rem}}@media (min-width: 700px){.socials{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}}.project-heading{padding:5rem 1rem}.projects-container{padding:1rem;display:grid;gap:1rem}.projects-container .row-item{position:relative;display:inherit;overflow:hidden;cursor:pointer}.projects-container .row-item img{width:100%}.projects-container .row-item:before,.projects-container .row-item:after{position:absolute}.projects-container .row-item:before{content:"More details";left:0;bottom:0;right:0;background-color:var(--main-color);text-align:center;padding:.5rem 0;z-index:1;transform:translateY(100%);transition:transform .3s linear}.projects-container .row-item:after{content:url(https://api.iconify.design/material-symbols:pinch-zoom-out-outline-rounded.svg?color=%23888888);top:0;right:0;bottom:0;left:0;background-color:#1a1e1fd9;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(-10%) scale(2);transition:all .3s linear}.projects-container .row-item:hover:before{transform:translateY(0)}.projects-container .row-item:hover:after{opacity:1;transform:translateY(0) scale(2)}@media (min-width: 500px){.projects-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.projects-container{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.projects-container{margin:auto 5rem}}::selection{background:var(--main-color);color:#fff}::-webkit-scrollbar{width:.1rem}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#888}::-webkit-scrollbar-thumb:hover{background-color:#555}.main-text{color:var(--main-color)}.icon{width:2rem}.icon svg{fill:var(--primary-color)}.nav-container{background-color:var(--tertiary-color)}.section-wrapper{padding:3rem 1rem}.section-wrapper .section-heading{font-family:var(--title-font)}.divider{display:block;margin:2rem 0;width:100px;height:2px;background-color:var(--main-color)}.icon-tile span{margin-right:.5rem;position:relative;top:.2rem}ul{list-style:none}a{text-decoration:none}.big-title{font-size:2rem;font-family:Graduate;text-align:center}.copyright p{text-align:center;padding-bottom:1rem}.rocket{cursor:pointer;fill:var(--primary-color)}.tag{background:var(--main-color);color:var(--white-color);padding:0 .7rem .2rem;border-radius:1rem;white-space:nowrap}.tag:not(:last-child){margin-right:.5rem}.designer a{color:var(--main-color)}.button.youtube{background-color:#dd4b39}.button.github{background-color:#4078c0}.button.visit{background-color:var(--main-color)}.dialog-content .actions .button{color:var(--white-color)!important}.dialog-content .actions>*:not(:last-child){margin-right:.5rem}.dev-state{display:inline-flex;line-height:0;padding:0rem 1rem .2rem;background-color:#beafaf26;gap:.2rem;border-radius:3rem;color:var(--main-color)}.dev-state span:nth-child(2){align-self:center}.dev-state span.icon{width:1rem}.dev-state span.icon svg{width:inherit}.dev-state.production{background-color:#8fee8d26;color:#39752e}.dev-state.developement{background-color:#e6777726;color:#90362a}.contact_container{cursor:pointer;z-index:15;position:fixed;right:1rem;bottom:2rem;padding:.7rem;background-color:var(--main-color);border-radius:50%;animation:hover 2s ease infinite}.contact_container svg>*{fill:var(--white-color);stroke:var(--white-color)}@keyframes hover{0%{transform:translateY(0)}50%{transform:translateY(.8rem)}0%{transform:translateY(0)}}@media (min-width: 500px){.big-title{font-size:3rem}}@media (min-width: 600px){.section-wrapper{padding:3rem}}@media (min-width: 900px){.section-wrapper{padding:6rem}.big-title{font-size:5rem}}.icon-menu{--gap: 5px;--height-bar: 4px;--pos-y-bar-one: 0;--pos-y-bar-three: 0;--scale-bar: 1;--rotate-bar-one: 0;--rotate-bar-three: 0;width:50px;display:flex;flex-direction:column;gap:var(--gap);cursor:pointer;position:relative;z-index:11}.bar{position:relative;height:var(--height-bar);width:100%;border-radius:.5rem;background-color:var(--primary-color)}.bar--1{top:var(--pos-y-bar-one);transform:rotate(var(--rotate-bar-one));transition:top .2s .1s,transform .1s}.bar--2{transform:scaleX(var(--scale-bar));transition:transform .15s .1s}.bar--3{bottom:var(--pos-y-bar-three);transform:rotate(var(--rotate-bar-three));transition:bottom .2s .1s,transform .1s}.check-icon:checked+.icon-menu>.bar--1{transition:top .2s,transform .2s .1s}.check-icon:checked+.icon-menu>.bar--3{transition:bottom .2s,transform .2s .1s}.check-icon:checked+.icon-menu{--pos-y-bar-one: calc(var(--gap) + var(--height-bar));--pos-y-bar-three: calc(var(--gap) + var(--height-bar));--scale-bar: 0;--rotate-bar-one: 45deg;--rotate-bar-three: -45deg}.header .burger{display:contents}.header .burger input{opacity:0;width:0;height:0}.logo a{color:var(--primary-color)}.navigation{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:var(--tertiary-color);opacity:0;pointer-events:none;transition:all .3s linear}.navigation .close{width:1.5rem;cursor:pointer;opacity:0;transform:scale(0);aspect-ratio:1/1;transition:all .3s linear;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cmVjdCB4PSItMi4xNDIiIHk9IjkuMTcyIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC00Ljk3MDYgMTIpIiBmaWxsPSIjRjJGMUVEIiB3aWR0aD0iMjguMjg0IiBoZWlnaHQ9IjUuNjU3Ii8+PHJlY3QgeD0iMC43NTciIHk9IjIuMTcyIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDUgLTIuMDcxMSkiIGZpbGw9IiNGMkYxRUQiIHdpZHRoPSI4LjQ4NSIgaGVpZ2h0PSI1LjY1NyIvPjxyZWN0IHg9IjE0Ljc1NyIgeT0iMTYuMTcyIiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgMTkgNDUuODcwMSkiIGZpbGw9IiNGMkYxRUQiIHdpZHRoPSI4LjQ4NSIgaGVpZ2h0PSI1LjY1NyIvPjwvc3ZnPg==) no-repeat}.navigation .menus{list-style:none;font-family:var(--title-font);letter-spacing:.2rem;margin-top:3rem}.navigation .menus .menu-item{text-transform:uppercase;position:relative;font-weight:700;font-size:2rem;transform:translate(20%);opacity:0;transition:all .5s ease}.navigation .menus .menu-item a{position:absolute;top:0;right:0;bottom:0;left:0}.navigation .menus .menu-item:not(:last-child){margin-bottom:3.5rem}.navigation .menus .menu-item:before,.navigation .menus .menu-item:after{position:absolute;content:""}.navigation .menus .menu-item:before{width:3rem;height:.4rem;background-color:var(--main-color);bottom:-1rem}.navigation .menus .menu-item:after{width:calc(100% - 3.5rem);height:2px;background-color:gray;bottom:-.9rem;transition:background-color .1s linear;right:0}.navigation .menus .menu-item:hover{color:var(--main-color)}.navigation .menus .menu-item:hover:after{background-color:var(--main-color)}.navigation .menus .menu-item:nth-child(2n){transition-delay:.14s}.navigation .menus .menu-item:nth-child(3n){transition-delay:.21s}.navigation .menus .menu-item:nth-child(4n){transition-delay:.28s}.navigation.active{pointer-events:auto;opacity:1}.navigation.active .close{opacity:1;transform:scale(1)}.navigation.active .menu-item{transform:translate(0);opacity:1}@media (min-width: 500px){.navigation .menu-item{font-size:2.3rem!important}.navigation .close{width:2rem}}dialog{z-index:10;border:none;max-width:900px;width:calc(100% - 2rem);max-height:calc(100vh - 2rem);top:calc(50% - 2rem);left:50%;transform:translate(-50%,-50%);background-color:var(--secondary-color);color:var(--primary-color);transition:all .3s linear;opacity:0}dialog .dialog-header,dialog .dialog-footer{background-color:var(--tertiary-color)}dialog .dialog-header,dialog .dialog-footer,dialog .dialog-content{padding:1rem}dialog .dialog-content{max-height:80vh;overflow-y:auto}dialog .dialog-content img.banner{width:100%}dialog .icon.close{width:auto;cursor:pointer}dialog .icon.close svg{width:1.5rem;height:1.5rem}dialog .button{background-color:var(--secondary-color);color:var(--primary-color);font-family:var(--font)}dialog::backdrop{background-color:transparent}dialog.active{opacity:1;top:50%}dialog.active::backdrop{background-color:#1a1e1fc2}.switch{position:relative;display:inline-block;width:2.5em;height:1.2em}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:#353535}.switch input:checked+.slider:before{background-color:var(--main-color);box-shadow:none;transform:translate(1.1em)}.switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#bcbcbc;transition:.4s;border-radius:30px}.switch .slider:before{position:absolute;content:"";width:.8em;aspect-ratio:1/1;border-radius:20px;left:.3em;bottom:.2em;background-color:#bcbcbc;box-shadow:inset 2px -2px 0 1.8px #fff;transition:.4s}@font-face{font-family:Graduate;src:url(/assets/Graduate-Regular-a9634344.woff2) format("woff2"),url(/assets/Graduate-Regular-f6b458de.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DarkerGrotesque;src:url(/assets/DarkerGrotesque-Black-548f0899.woff2) format("woff2"),url(/assets/DarkerGrotesque-Black-d75e0b4f.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:DarkerGrotesque;src:url(/assets/DarkerGrotesque-Medium-6aca0d41.woff2) format("woff2"),url(/assets/DarkerGrotesque-Medium-f5d1e060.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DarkerGrotesque;src:url(/assets/DarkerGrotesque-SemiBold-2d674460.woff2) format("woff2"),url(/assets/DarkerGrotesque-SemiBold-5dc62c11.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}:root{--container-padding: 20px;--container-width: calc(100vw - var(--container-padding) * 2)}@media (min-width: 900px){:root{--container-padding: 32px}}@media (min-width: 1370px){:root{--container-padding: 20px;--container-width: 1330px}}.container{box-sizing:border-box;width:100%;padding-left:calc(50% - var(--container-width) / 2);padding-right:calc(50% - var(--container-width) / 2)}.is-full{width:100%}.flex{display:flex!important;width:100%;gap:calc(1 * var(--space))}.flex.jc-between{justify-content:space-between}.flex.jc-start{justify-content:flex-start}.flex.jc-end{justify-content:flex-end}.flex.jc-evenly{justify-content:space-evenly}.flex.jc-center{justify-content:center}.flex.ai-start{align-items:flex-start}.flex.ai-end{align-items:flex-end}.flex.ai-center{align-items:center}.flex.column{flex-direction:column}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-grow-2{flex-grow:2}.flex-grow-3{flex-grow:3}.flex-grow-4{flex-grow:4}.flex-grow-5{flex-grow:5}.grid{width:100%;display:grid!important;gap:calc(2 * var(--space));grid-template-columns:repeat(auto-fill,minmax(var(--col, 275px),1fr))}.grid2{width:100%;display:grid!important;--gap: 2;gap:calc(var(--gap) * var(--space));grid-template-columns:1fr}@media (min-width: 730px){.grid2{grid-template-columns:repeat(2,1fr)}}.grid3{width:100%;display:grid!important;--gap: 2;gap:calc(var(--gap) * var(--space));grid-template-columns:1fr}@media (min-width: 730px){.grid3{grid-template-columns:repeat(3,1fr)}}body .p-0{padding:calc(0 * var(--space))}body .pt-0{padding-top:calc(0 * var(--space))}body .pb-0{padding-bottom:calc(0 * var(--space))}body .pl-0{padding-left:calc(0 * var(--space))}body .pr-0{padding-right:calc(0 * var(--space))}body .px-0{padding-left:calc(0 * var(--space));padding-right:calc(0 * var(--space))}body .py-0{padding-top:calc(0 * var(--space));padding-bottom:calc(0 * var(--space))}body .my-0{margin-top:calc(0 * var(--space));margin-bottom:calc(0 * var(--space))}body .m-0{margin:calc(0 * var(--space))}body .mx-0{margin-left:calc(0 * var(--space));margin-right:calc(0 * var(--space))}body .mt-0{margin-top:calc(0 * var(--space))}body .mb-0{margin-bottom:calc(0 * var(--space))}body .mr-0{margin-right:calc(0 * var(--space))}body .ml-0{margin-left:calc(0 * var(--space))}body .rounded-0{border-radius:calc(0 * var(--space))}body .max-w-0{max-width:calc(0 * var(--min-width))}body .span-0{grid-column:span 0}body .p-1{padding:calc(1 * var(--space))}body .pt-1{padding-top:calc(1 * var(--space))}body .pb-1{padding-bottom:calc(1 * var(--space))}body .pl-1{padding-left:calc(1 * var(--space))}body .pr-1{padding-right:calc(1 * var(--space))}body .px-1{padding-left:calc(1 * var(--space));padding-right:calc(1 * var(--space))}body .py-1{padding-top:calc(1 * var(--space));padding-bottom:calc(1 * var(--space))}body .my-1{margin-top:calc(1 * var(--space));margin-bottom:calc(1 * var(--space))}body .m-1{margin:calc(1 * var(--space))}body .mx-1{margin-left:calc(1 * var(--space));margin-right:calc(1 * var(--space))}body .mt-1{margin-top:calc(1 * var(--space))}body .mb-1{margin-bottom:calc(1 * var(--space))}body .mr-1{margin-right:calc(1 * var(--space))}body .ml-1{margin-left:calc(1 * var(--space))}body .rounded-1{border-radius:calc(1 * var(--space))}body .max-w-1{max-width:calc(1 * var(--min-width))}body .span-1{grid-column:span 1}body .p-2{padding:calc(2 * var(--space))}body .pt-2{padding-top:calc(2 * var(--space))}body .pb-2{padding-bottom:calc(2 * var(--space))}body .pl-2{padding-left:calc(2 * var(--space))}body .pr-2{padding-right:calc(2 * var(--space))}body .px-2{padding-left:calc(2 * var(--space));padding-right:calc(2 * var(--space))}body .py-2{padding-top:calc(2 * var(--space));padding-bottom:calc(2 * var(--space))}body .my-2{margin-top:calc(2 * var(--space));margin-bottom:calc(2 * var(--space))}body .m-2{margin:calc(2 * var(--space))}body .mx-2{margin-left:calc(2 * var(--space));margin-right:calc(2 * var(--space))}body .mt-2{margin-top:calc(2 * var(--space))}body .mb-2{margin-bottom:calc(2 * var(--space))}body .mr-2{margin-right:calc(2 * var(--space))}body .ml-2{margin-left:calc(2 * var(--space))}body .rounded-2{border-radius:calc(2 * var(--space))}body .max-w-2{max-width:calc(2 * var(--min-width))}body .span-2{grid-column:span 2}body .p-3{padding:calc(3 * var(--space))}body .pt-3{padding-top:calc(3 * var(--space))}body .pb-3{padding-bottom:calc(3 * var(--space))}body .pl-3{padding-left:calc(3 * var(--space))}body .pr-3{padding-right:calc(3 * var(--space))}body .px-3{padding-left:calc(3 * var(--space));padding-right:calc(3 * var(--space))}body .py-3{padding-top:calc(3 * var(--space));padding-bottom:calc(3 * var(--space))}body .my-3{margin-top:calc(3 * var(--space));margin-bottom:calc(3 * var(--space))}body .m-3{margin:calc(3 * var(--space))}body .mx-3{margin-left:calc(3 * var(--space));margin-right:calc(3 * var(--space))}body .mt-3{margin-top:calc(3 * var(--space))}body .mb-3{margin-bottom:calc(3 * var(--space))}body .mr-3{margin-right:calc(3 * var(--space))}body .ml-3{margin-left:calc(3 * var(--space))}body .rounded-3{border-radius:calc(3 * var(--space))}body .max-w-3{max-width:calc(3 * var(--min-width))}body .span-3{grid-column:span 3}body .p-4{padding:calc(4 * var(--space))}body .pt-4{padding-top:calc(4 * var(--space))}body .pb-4{padding-bottom:calc(4 * var(--space))}body .pl-4{padding-left:calc(4 * var(--space))}body .pr-4{padding-right:calc(4 * var(--space))}body .px-4{padding-left:calc(4 * var(--space));padding-right:calc(4 * var(--space))}body .py-4{padding-top:calc(4 * var(--space));padding-bottom:calc(4 * var(--space))}body .my-4{margin-top:calc(4 * var(--space));margin-bottom:calc(4 * var(--space))}body .m-4{margin:calc(4 * var(--space))}body .mx-4{margin-left:calc(4 * var(--space));margin-right:calc(4 * var(--space))}body .mt-4{margin-top:calc(4 * var(--space))}body .mb-4{margin-bottom:calc(4 * var(--space))}body .mr-4{margin-right:calc(4 * var(--space))}body .ml-4{margin-left:calc(4 * var(--space))}body .rounded-4{border-radius:calc(4 * var(--space))}body .max-w-4{max-width:calc(4 * var(--min-width))}body .span-4{grid-column:span 4}body{--min-width: 75px}body .p-5{padding:calc(5 * var(--space))}body .pt-5{padding-top:calc(5 * var(--space))}body .pb-5{padding-bottom:calc(5 * var(--space))}body .pl-5{padding-left:calc(5 * var(--space))}body .pr-5{padding-right:calc(5 * var(--space))}body .px-5{padding-left:calc(5 * var(--space));padding-right:calc(5 * var(--space))}body .py-5{padding-top:calc(5 * var(--space));padding-bottom:calc(5 * var(--space))}body .my-5{margin-top:calc(5 * var(--space));margin-bottom:calc(5 * var(--space))}body .m-5{margin:calc(5 * var(--space))}body .mx-5{margin-left:calc(5 * var(--space));margin-right:calc(5 * var(--space))}body .mt-5{margin-top:calc(5 * var(--space))}body .mb-5{margin-bottom:calc(5 * var(--space))}body .mr-5{margin-right:calc(5 * var(--space))}body .ml-5{margin-left:calc(5 * var(--space))}body .rounded-5{border-radius:calc(5 * var(--space))}body .max-w-5{max-width:calc(5 * var(--min-width))}body .span-5{grid-column:span 5}@media (min-width: 700px){.mobile-only{display:none}}@media (max-width: 700px){.mobile-hidden{display:none}}.text-center{text-align:center}.button{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.button .outlined{border:1px solid red}:root{--white-color: #f2f1ed;--primary-color: #111112;--secondary-color: #f2f1ed;--tertiary-color: #fff;--danger-color: red;--main-color: #988345;--space: 10px;--title-font: "Graduate";--font: "DarkerGrotesque"}*,:before,:after{padding:0;margin:0;box-sizing:border-box}html,body{scroll-behavior:smooth}body{font-family:var(--font);color:var(--primary-color);font-size:18px;letter-spacing:.05rem;background-color:var(--tertiary-color)}body.dark-theme{--primary-color: var(--white-color);--secondary-color: #0f0f10;--tertiary-color: #141517}