:root{max-width:100dvw;width:100dvh;margin:0 auto;padding:0rem;text-align:center;--logo-lottie-width: clamp(22.5rem, 18.5185vw + 18.3333rem, 35rem);--logo-lottie-height: clamp(4.5rem, 3.7037vw + 3.6667rem, 7rem);--canvas-width: clamp(22.5rem, 100vw, 120rem);--canvas-height: clamp(12.6563rem, 56.25vw, 67.5rem)}@keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0);transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd-rev{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0);transform-origin:top;opacity:1}}@keyframes flip-vertical-left{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@media(min-width:360px){.loading{height:100dvh;width:100dvw;background-color:#fff}.splash-loader-lottie{height:100dvh;width:100dvw;position:relative;top:0rem;left:0rem;padding:0rem;margin:0rem;overflow:hidden}.home-nav{display:grid;height:220px;width:149px;position:absolute;z-index:1;top:9px;left:11px;align-items:start;align-content:stretch;justify-items:start;justify-content:stretch;grid-template-columns:1fr;grid-template-rows:1fr 1fr;row-gap:12.5px}.home-nav-hamburgerbutton{display:grid;height:31px;width:83px;background-color:#fff;border-radius:0 13px 13px 0;align-items:center;align-content:stretch;justify-items:start;justify-content:stretch;grid-template-rows:auto;grid-template-columns:31px auto;column-gap:5px;padding-inline-start:5px;padding-inline-end:5px;padding-block-start:5px;padding-block-end:5px}.home-nav-hamburgerart[data-active=false]{display:grid;height:22px;width:31px;transform:rotate(0);transition:transform .2s ease}.home-nav-hamburgerart[data-active=true]{transform:rotate(90deg);transition:transform .2s ease}.home-nav-starart{height:17px;width:17px;justify-self:center;-webkit-user-select:none;user-select:none}.home-nav-buttoncontainer{display:grid;opacity:100;grid-template-rows:1fr 1fr 1fr 1fr;row-gap:12.5px}.home-nav-buttoncontainer[data-active=false]{opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:2s}.home-nav-buttoncontainer[data-active=true] #button-portfolio{animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}.home-nav-buttoncontainer[data-active=true] #button-aboutme{animation:swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) both}.home-nav-buttoncontainer[data-active=true] #button-contact{animation:swing-in-top-fwd 1.5s cubic-bezier(.175,.885,.32,1.275) both}.home-nav-buttoncontainer[data-active=true] #button-home{animation:swing-in-top-fwd 2s cubic-bezier(.175,.885,.32,1.275) both}.home-nav-buttoncontainer[data-active=false] #button-portfolio{animation:swing-in-top-fwd-rev .25s cubic-bezier(.175,.885,.32,1.275) reverse both}.home-nav-buttoncontainer[data-active=false] #button-aboutme{animation:swing-in-top-fwd-rev .2s cubic-bezier(.175,.885,.32,1.275) reverse both}.home-nav-buttoncontainer[data-active=false] #button-contact{animation:swing-in-top-fwd-rev .15s cubic-bezier(.175,.885,.32,1.275) reverse both}.home-nav-buttoncontainer[data-active=false] #button-home{animation:swing-in-top-fwd-rev .1s cubic-bezier(.175,.885,.32,1.275) reverse both}.home-nav-button{display:grid;height:auto;width:80px;fill:#fff;background-color:#fff;align-items:center;align-content:stretch;justify-items:center;justify-content:stretch;padding-inline-start:5px;padding-inline-end:5px;padding-block-start:5px;padding-block-end:5px;grid-template-rows:1fr;grid-template-columns:23px auto;column-gap:5px}#button-portfolio{opacity:100%;background-color:#ffdc51}#button-aboutme{opacity:100%;background-color:#00f7ff}#button-contact{opacity:100%;background-color:#ff00b2}#button-home{opacity:100%;background-color:#fff}.home-nav-buttonart{height:22px;width:22px;position:relative;fill-rule:nonzero}.home-nav-buttonlabel-container{display:grid;height:auto;width:auto;background-color:#151515;align-items:start;align-content:stretch;justify-items:start;justify-content:stretch;padding-inline-start:5px;padding-inline-end:5px;grid-template-columns:1fr;grid-template-rows:1fr}.home-nav-buttonlabel{height:22px;font-family:Archivo-Extralight;font-size:18px;line-height:1.2;letter-spacing:0px;-webkit-user-select:none;user-select:none}#buttonlabel-portfolio{color:#ffdc51}#buttonlabel-aboutme{color:#00f7ff}#buttonlabel-contact{color:#ff00b2}#buttonlabel-home{color:#fff}.home-container{height:100dvh;width:100dvw;display:grid;position:fixed;top:0rem;left:0rem;margin:0;justify-content:center;justify-items:center;grid-template-rows:auto 1rem auto;background-color:#151515;touch-action:none}.splash-logo-lottie{height:var(--logo-lottie-height);width:var(--logo-lottie-width);position:relative;z-index:1;top:20dvh;left:0rem;align-self:center;justify-self:center;padding:0rem;margin:0rem;pointer-events:none}.home-flavortext{display:grid;height:15px;width:100dvw;position:relative;opacity:100;top:30dvh;align-self:center;justify-self:center;font-family:Archivo-Extralight;font-size:12px;letter-spacing:3px;transition:all .2s}.home-flavortext-inactive{display:grid;height:15px;width:100dvw;position:relative;opacity:0;top:30dvh;align-self:center;justify-self:center;font-family:Archivo-Extralight;font-size:12px;letter-spacing:3px;transition:all .2s}@media(min-width:360px)and (max-width:799px){canvas{height:100dvh;width:100dvw;position:absolute;aspect-ratio:1133 / 744;top:0rem;left:0rem;align-self:center;align-items:center;align-content:center;justify-self:center;justify-items:center;justify-content:center;z-index:0;background:#151515}}@media(min-width:800px){canvas{height:100dvh;width:100dvw;position:absolute;aspect-ratio:16 / 9;top:0rem;left:0rem;align-self:center;align-items:center;align-content:center;justify-self:center;justify-items:center;justify-content:center;z-index:0;background:#151515}}.home-bodytext-container{position:relative;height:50px;width:313px;display:grid;top:15dvh;left:0rem;grid-template-rows:auto;grid-template-columns:auto auto;align-items:center;align-content:stretch;align-self:center;justify-items:start;justify-content:stretch;justify-self:center;column-gap:13px;padding-inline-start:13px;padding-inline-end:13px;background:#1515158c;border-color:#fff;border-style:solid;border-width:2px;border-radius:21px}.home-bodytext-art{position:relative;height:23px;width:46px;object-fit:cover;object-position:center;grid-column:1;grid-row:1}.home-bodytext{position:relative;height:auto;width:auto;top:0;left:0;font-family:Archivo-Extralight;font-style:normal;font-weight:200;font-size:8px;text-align:justify;text-transform:none;line-break:auto;overflow-wrap:initial;white-space:break-spaces;line-height:1.2;text-rendering:geometricPrecision;caret-color:#fff;text-decoration:none;letter-spacing:3.1px}}