:root{--BLACK: #001738;--DISABLED: #a8b5c8;--GREEN: #41b883;--PINK: #e5005a;--PURPLE: #a467d5;--WHITE: #fff;--YELLOW: #f4c900}:root{--font-family-alphabet: "futura-pt-condensed", sans-serif;--font-family-default: "M PLUS 1", sans-serif}:root{--font-weight-bold: 800;--font-weight-normal: 700}:root{--footer-height: 4rem;--header-height: 7rem}@media (max-width: 768px){:root{--footer-height: 4rem;--header-height: 5rem}}@media (min-width: 769px){:root{--footer-height: 4rem;--header-height: 7rem}}:root{--color: var(--TEXT_BLACK);--size-L: 1.375rem;--size-M: 1rem;--size-S: .875rem;--size-XL: 2.5rem;--size-XXL: 3rem}:root{--background: var(--WHITE)}[data-theme=light]{--BACKGROUND_GREEN: rgba(65, 184, 131, .1);--BACKGROUND_PINK: rgba(229, 0, 90, .1);--BACKGROUND_YELLOW: rgba(244, 201, 0, .1);--background: var(--WHITE);--color: var(--BLACK);--icon-fill-color: var(--BLACK)}[data-theme=dark]{--BACKGROUND_GREEN: rgba(65, 184, 131, .25);--BACKGROUND_PINK: rgba(229, 0, 90, .25);--BACKGROUND_YELLOW: rgba(244, 201, 0, .25);--background: var(--BLACK);--color: var(--WHITE);--icon-fill-color: var(--WHITE)}:root{--Padding-L: 1.5rem;--Padding-M: 1rem;--Padding-S: .5rem;--Padding-XL: 2.5rem}body{color:var(--color);font-family:var(--font-family-default)}body.no-scroll{overflow:hidden;touch-action:none}ul{list-style:none}a{color:var(--color);text-decoration:none;transition:color .3s ease,background-color .3s ease}p{line-height:2rem}.text{animation:rotate 15s linear infinite;transform-origin:center}.theme-switcher{align-content:center;background:#e7e0f4;border-radius:100rem;display:flex;gap:.25rem;padding:.25rem}.theme-switcher-button{border:none;border-radius:50%;cursor:pointer;display:flex;fill:var(--DISABLED);padding:.25rem;transition:color .3s ease,background-color .3s ease}.theme-switcher-button:hover,.theme-switcher-button.current{background:var(--WHITE);fill:var(--BLACK)}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.title{font-family:var(--font-family-alphabet);font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:var(--size-XL)}.copylight{font-family:var(--font-family-alphabet);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color);font-size:var(--size-L);line-height:100%}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar .title{line-height:1}@media (min-width: 769px){.sidebar{overflow-y:auto}}@media (max-width: 768px){.sidebar{align-items:center;background:var(--background);border-radius:1rem 0 0 1rem;box-shadow:0 0 10px #a467d533;max-width:320px;padding:var(--Padding-L);position:fixed;right:0;top:50%;transform:translateY(-50%) translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:80vw;z-index:100}.sidebar.is-open{transform:translateY(-50%) translate(0)}}.trigger{align-items:center;background:var(--background);border-radius:100px 0 0 100px;box-shadow:0 0 10px #a467d533;display:flex;height:3rem;justify-content:center;left:-3rem;position:absolute;top:50%;transform:translateY(-50%);width:3rem}.trigger:before{background:var(--background);content:"";display:block;height:100%;position:absolute;right:-1rem;width:2rem}.sidebar-overlay{background:#0006;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s;z-index:99}.sidebar-overlay.is-open{display:block;opacity:1}.list{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.list:-webkit-scrollbar{display:none}.list-link{font-family:var(--font-family-alphabet);font-weight:var(--font-weight-normal);text-transform:uppercase;align-items:center;border-radius:.5rem;display:flex;font-size:var(--size-L);gap:.5rem;padding:.5rem 0}.list-link .icon{display:none}.list-link:hover,.list-link.current{font-weight:var(--font-weight-bold);padding:.5rem 1rem}.list-link:hover .icon,.list-link.current .icon{display:flex}.about{display:flex;justify-content:center}@media (min-width: 769px){.about{align-items:center;gap:4rem;height:100%}}@media (max-width: 768px){.about{flex-direction:column;gap:2.5rem}}@media (min-width: 769px){.project-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;width:50%}}.image{aspect-ratio:1/1;border-radius:1rem;height:100%;overflow:hidden}.image img{height:100%;object-fit:cover;width:100%}.project-description{display:grid;gap:2.5rem}@media (min-width: 769px){.project-description{width:calc(50% - 2rem)}}.project-title{font-family:var(--font-family-alphabet);font-weight:var(--font-weight-bold);text-transform:uppercase}@media (min-width: 769px){.project-title{font-size:var(--size-XXL)}}
