@font-face{font-family:Karrik;src:url(/assets/Karrik-Regular-WFnqCC9M.ttf)format("truetype");font-style:normal}@font-face{font-family:Karrik;src:url(/assets/Karrik-Italic-C1jTDDLu.ttf)format("truetype");font-style:italic}:root{--base-padding-x:max(5vw, 40px);--base-padding-y:clamp(30px, 4vw, 50px);--color-primary:#39475d;--color-secondary:#59e498;--color-thirdly:#bbc0c7;color:var(--pallete-mono-5);--pallete-mono-1:#fffefb;--pallete-mono-2:#a5a2a1;--pallete-mono-3:#6c6766;--pallete-mono-4:#5e615f;--pallete-mono-5:#293231;--pallete-mono-6:#1b1b18;--pallete-mono-7:#e6e5ea;--pallete-mint-1:#f7f7f4;--pallete-mint-2:#a0a1c3;--pallete-mint-3:#5081ac;--pallete-mint-4:#434969;--pallete-mint-5:#0fb2cb;background-color:var(--pallete-mono-2);font-family:Karrik;font-size:.9em}@media (width<=961px){:root{--base-padding-x:1vw;--base-padding-y:0vh}}html,body{background-color:var(--pallete-mono-1);max-width:100vw;height:100vh;margin:0;padding:0}.header-container{width:100vw - var(--base-padding-x);grid-template-columns:auto .25fr 1fr .25fr auto auto;justify-content:space-between;gap:10.5em;display:flex}#canvas-container{height:73vh;width:100vw - var(--base-padding-x);padding:0 var(--base-padding-x) var(--base-padding-y) var(--base-padding-x)}#projects-container{padding:var(--base-padding-y) var(--base-padding-x)}#projects-container h2{margin-bottom:.6em;font-size:2em}.project-list{grid-template-columns:repeat(auto-fill,minmax(20em,1fr));gap:1.2em;display:grid}.project-card{background-color:var(--pallete-mono-7);color:var(--pallete-mono-5);border-radius:1em;padding:1.4em;text-decoration:none;transition:background-color .3s;display:block}.project-card:hover{background-color:var(--pallete-mono-2)}.project-card h3{margin:0 0 .3em}.project-card p{margin:0 0 .8em;font-size:.9em;line-height:1.4em}.project-tags{flex-wrap:wrap;gap:.5em;display:flex}.project-tags span{background-color:var(--pallete-mono-1);border-radius:1em;padding:.25em .7em;font-size:.75em}.project-back-link{color:var(--pallete-mono-5);margin-bottom:1em;display:inline-block}.project-overview{max-width:40em;margin-bottom:1em;line-height:1.5em}.project-highlights{max-width:40em;margin:1.2em 0;padding-left:1.2em;line-height:1.6em}.project-links{flex-wrap:wrap;gap:.8em;margin-top:1em;display:flex}.project-links a{background-color:var(--pallete-mono-7);color:var(--pallete-mono-5);border-radius:1em;padding:.5em 1em;text-decoration:none}.project-links a:hover{background-color:var(--pallete-mono-2)}.header-buttons{flex-direction:row;display:flex;position:relative;top:2vh}.header-buttons>button{pointer-events:auto;color:var(--pallete-mono-1);cursor:pointer;border:none;border-radius:6.2em;align-items:center;height:3.2em;font-size:larger;display:flex;overflow:hidden}.contact-button{background-color:var(--pallete-mono-2);padding:0 1.45em 0 .32em;transition:padding .5s}.dot{background:currentColor;border-radius:100%;width:.3125em;height:.3125em;margin:.4em 0 0 1em;transition:opacity .1s,visibility .1s;display:inline-block;transform:translateY(-50%)}.mail{width:1em;height:1em;margin:.5em;display:inline-block}.header-buttons>.contact-button:hover{background-color:var(--pallete-mono-5);padding-left:1.45em;padding-right:.325em;left:20px}.header-buttons>.contact-button .dot{opacity:1;visibility:visible;transition:opacity .5s,visibility .5s}.header-buttons>.contact-button:hover .dot{opacity:0;visibility:hidden}.header-buttons>.contact-button .mail{opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.header-buttons>.contact-button:hover .mail{opacity:1;visibility:visible}.menu-button{margin:0 0 0 .3em;padding:0 1.5em}.menu-button span{color:var(--pallete-mono-5)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0%)}}.Animation-Down{animation:.5s forwards slideDown}.Animation-Up{animation:.5s forwards slideUp}.hiddentext{visibility:hidden;opacity:0;display:none}.menu-text-holder{flex-direction:column;display:flex}.menu-text-holder span{min-width:2.7em}@keyframes MenuButtonIn{0%{transform:rotate(0)}to{transform:rotate(-270deg)}}@keyframes MenuButtonOut{0%{transform:rotate(-270deg)}to{transform:rotate(0)}}.reverse-dots{animation:.4s forwards MenuButtonOut}.forward-dots{margin:0;padding:0;animation:.4s forwards MenuButtonIn;display:inline-flex;top:-1%}.forward-dots span{border-radius:100%;width:.3225em;height:.3225em}.dots{margin:0 .1em;display:flex;position:relative;top:5%;left:2%}.dots span{background:var(--pallete-mono-5);border-radius:100%;width:.2125em;height:.2125em;margin:0 0 0 .15em;display:inline-block;transform:translateY(-50%)}.dots-selected{padding:0;display:inline-flex;top:-1%;transform:rotate(-270deg)}.dots-selected span{width:.3225em;height:.3225em}@keyframes menuSlideHover{0%,to{transform:translateY(0)}50%{transform:translateY(-10%)}}#menu-overlay div a{color:var(--pallete-mono-5);padding:.4em 0;font-size:2.2em}#menu-overlay div{flex-direction:column;display:flex}#menu-overlay div a:hover{animation:.5s ease-in-out forwards menuSlideHover}@media (width>=961px){.header-logo{text-transform:uppercase;font-size:1.6em}.header-container{height:20vh;padding:0 var(--base-padding-x)}.contact-button{box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.menu-button{min-width:7em;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}#menu-overlay{z-index:1;top:calc(var(--base-padding-y) + 1em * 3.1 + .5em);background-color:var(--pallete-mono-7);right:var(--base-padding-x);border-radius:1em;flex-direction:column;gap:.625em;width:18em;padding:1em;animation:.3s forwards slideDown;display:flex;position:absolute;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.dots-selected{margin:0}}.dial-windows a{text-decoration:none}@media (width<=961px){@keyframes colorChange{0%{background-color:var(--pallete-mono-1)}to{background-color:var(--pallete-mono-3)}}@keyframes colorChangeBack{0%{background-color:var(--pallete-mono-3)}to{background-color:var(--pallete-mono-1)}}#canvas-container{height:88vh}.header-container{gap:10.5em;height:11vh}.header-buttons{top:2vh}.contact-button{display:none}#menu-overlay{z-index:1;flex-direction:column;width:100%;height:90vh;animation:.5s forwards colorChange,.3s forwards slideDown;display:flex;position:absolute;top:10vh}#menu-overlay div a{padding:.7em}.logo-inverted{color:var(--pallete-mono-1)}.background-color-inverted{animation:.5s forwards colorChange}.dots span{width:.4em;height:.4em;margin:2px}.menu-button{padding:1em}.header-logo a h1{margin-top:.8em}.mail-menu{align-self:center;width:1em;height:1em}.talk-window{display:flex;flex-direction:row!important}.talk-link{justify-content:space-between;align-items:center;width:100%;text-decoration:none;display:flex}.dial-windows{background-color:var(--pallete-mono-1);border-radius:1em;margin:1em .5em}}