.sheet{--offscreen:-180%;--duration:1s;--stagger:0.3s;--easing:cubic-bezier(0.4,0,0.2,1);--sheet-background-color:#bb9151;width:1300px;position:absolute;transition:transform .1s var(----easing),width .1s var(----easing);pointer-events:auto;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-shadow-into-light)}.sheet.readable{font-family:var(--font-inter);font-weight:400;letter-spacing:0}.sheet .xgrid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto}.sheet .xgrid.with-gap{grid-gap:1em}.sheet .toggle-readability{position:absolute;z-index:1;right:30px;top:40px;transform:rotate(10deg)}.sheet .actual,.sheet .animated .page-top,.sheet .animated .segment{background-image:url(/images/parchment-texture.png);background-repeat:repeat;background-size:auto}.sheet .actual{outline:1px solid #a9a9a9;padding:2em;border-right:2px solid #000;border-bottom:2px solid #000;visibility:hidden;animation:appear 1.3s var(--easing) forwards;animation-delay:var(--stagger)}@keyframes appear{0%,99%{visibility:hidden}to{visibility:visible}}.sheet .animated{--segments:5;--none-animating-portion:30%;--segment:calc((100% - var(--none-animating-portion)) * 1 / var(--segments));position:absolute;top:0;left:0;height:100%;width:100%;display:block}.sheet .animated .page-top{height:var(--none-animating-portion);border-top:2px solid #000;border-left:2px solid #000;border-right:3px solid #000}.sheet .animated>.segment{height:var(--segment)}.sheet .segment{position:relative;height:100%;transform-origin:top center;border-left:2px solid #000;border-right:3px solid #000;transform:rotateX(15deg);animation:folding 1.5s var(--easing) forwards}.sheet .segment>.segment{top:100%;background-position-y:var(--segment)}@keyframes folding{0%{transform:rotateX(15deg)}95%,to{transform:rotateX(0deg)}}.sheet.inactive{cursor:pointer}.character{--starting-state:translateZ(2000px) translateY(var(--offscreen)) rotateZ(0deg) translateX(255px);--resting-state:translateZ(-990px) translateY(-12%) rotateZ(-5deg) translateX(70px);--active-state:rotateZ(0) translateY(0) translateZ(0) translateX(255px);z-index:2;transition:transform .3s;transform:var(--resting-state)}.character .actual{height:1600px}.character.active{transform:var(--active-state);position:relative}.character .profile{grid-column:1/-1}.character .profile .name{grid-column:1/4}.character .profile .info{grid-column:4/8}.character .ability-scores{grid-column:1/2;grid-row:2/5}.character .about{grid-column:2/5;grid-row:2/3}.character .skills{grid-column:2/5;grid-row:3/5}.character .hp{grid-column:5/8;grid-row:2/3}.character .education{grid-column:5/8;grid-row:3/4}.character .work-experiences{grid-column:5/8;grid-row:4/5}.character .animated{transform:translateZ(0) translateY(var(--offscreen));animation:fly-in-characters var(--duration) var(--easing) forwards;animation-delay:var(--stagger)}@keyframes fly-in-characters{0%{transform:translateZ(0) translateY(var(--offscreen))}to{transform:translateY(0) translateZ(-1px)}}.character .animated .segment{animation-delay:.6s}.experiences{--starting-state:translateZ(2000px) translateY(var(--offscreen)) rotateZ(0deg) translateX(255px);--resting-state:translateX(9%) translateZ(-995px) translateY(-7%) rotateZ(-10deg) translateX(89px);--active-state:rotateZ(0) translateY(0) translateZ(0) translateX(255px);z-index:1;transition:transform .3s;transform:var(--resting-state)}.experiences .actual{height:1650px}.experiences.active{transform:var(--active-state);position:relative}.experiences .rows{grid-column:1/-1}.experiences .position-company-name{grid-column:1/3}.experiences .dates-duration{grid-column:3/4}.experiences .summary{grid-column:4/8}.experiences .animated{transform:translateZ(0) translateY(var(--offscreen));animation:fly-in-experiences var(--duration) var(--easing) forwards}@keyframes fly-in-experiences{0%{transform:translateZ(0) translateY(var(--offscreen))}to{transform:translateY(0) translateZ(-1px)}}.social-links{top:724px;right:283px;position:absolute;display:none;pointer-events:auto}.social-links.active{display:block}.social-links .social-link{background:linear-gradient(90deg,#f1caaf,#e3e3d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.site-header,.site-header.light{--foreground-rgb:18,18,18;--background-rgb:200,158,188}@media(prefers-color-scheme:dark){.site-header{--foreground-rgb:18,18,18;--background-rgb:75,47,43}}.site-header.dark{--foreground-rgb:200,200,200;--background-rgb:75,47,43}.site-header{width:100%;color:rgb(var(--foreground-rgb));position:fixed;top:0;left:0;right:0;height:var(--site-header-height);transition:color .15s linear,background-color .15s linear}.site-header .header-container{margin:0 auto;max-width:var(--max-page-width);width:100%}.dice-container{margin:auto;position:absolute;width:200px;height:200px;bottom:400px;left:300px}.dice-container .dice{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease-out;cursor:pointer;transform:rotateX(-53deg)}.dice-container .dice figure{position:absolute;left:50%;top:0;margin:0 -50px;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:86px solid hsla(0,0%,47%,.75);width:0;height:0;transform-style:preserve-3d;backface-visibility:hidden;counter-increment:steps 1}.dice-container .dice figure:before{content:counter(steps);position:absolute;top:21.5px;left:-100px;color:#fff;text-shadow:1px 1px 3px #000;font-size:43px;text-align:center;line-height:77.4px;width:200px;height:86px}.dice-container .dice figure:first-child{transform:rotateY(0deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.dice-container .dice figure:nth-child(2){transform:rotateY(-72deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.dice-container .dice figure:nth-child(3){transform:rotateY(-144deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.dice-container .dice figure:nth-child(4){transform:rotateY(-216deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.dice-container .dice figure:nth-child(5){transform:rotateY(-288deg) translateZ(33.5px) translateY(-12.9px) rotateX(53deg)}.dice-container .dice figure:nth-child(16){transform:rotateY(-108deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.dice-container .dice figure:nth-child(17){transform:rotateY(-36deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.dice-container .dice figure:nth-child(18){transform:rotateY(36deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.dice-container .dice figure:nth-child(19){transform:rotateY(108deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.dice-container .dice figure:nth-child(20){transform:rotateY(180deg) translateZ(33.5px) translateY(121.26px) rotate(180deg) rotateX(53deg)}.dice-container .dice figure:nth-child(6){transform:rotateY(1turn) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.dice-container .dice figure:nth-child(7){transform:rotateY(288deg) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.dice-container .dice figure:nth-child(8){transform:rotateY(216deg) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.dice-container .dice figure:nth-child(9){transform:rotateY(144deg) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.dice-container .dice figure:nth-child(10){transform:rotateY(72deg) translateZ(75px) translateY(54.18px) rotate(180deg) rotateX(-11deg)}.dice-container .dice figure:nth-child(11){transform:rotateY(252deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.dice-container .dice figure:nth-child(12){transform:rotateY(324deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.dice-container .dice figure:nth-child(13){transform:rotateY(396deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.dice-container .dice figure:nth-child(14){transform:rotateY(468deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.dice-container .dice figure:nth-child(15){transform:rotateY(540deg) translateZ(75px) translateY(54.18px) rotateX(-11deg)}.dice-container .dice.rolling{animation:roll 1s ease}.dice-container .dice[data-face="1"]{transform:rotateX(-53deg) rotateY(0deg)}.dice-container .dice[data-face="2"]{transform:rotateX(-53deg) rotateY(72deg)}.dice-container .dice[data-face="3"]{transform:rotateX(-53deg) rotateY(144deg)}.dice-container .dice[data-face="4"]{transform:rotateX(-53deg) rotateY(216deg)}.dice-container .dice[data-face="5"]{transform:rotateX(-53deg) rotateY(288deg)}.dice-container .dice[data-face="16"]{transform:rotateX(127deg) rotateY(-72deg)}.dice-container .dice[data-face="17"]{transform:rotateX(127deg) rotateY(-144deg)}.dice-container .dice[data-face="18"]{transform:rotateX(127deg) rotateY(-216deg)}.dice-container .dice[data-face="19"]{transform:rotateX(127deg) rotateY(-288deg)}.dice-container .dice[data-face="20"]{transform:rotateX(127deg) rotateY(-1turn)}.dice-container .dice[data-face="6"]{transform:rotateX(11deg) rotate(180deg) rotateY(0deg)}.dice-container .dice[data-face="7"]{transform:rotateX(11deg) rotate(180deg) rotateY(72deg)}.dice-container .dice[data-face="8"]{transform:rotateX(11deg) rotate(180deg) rotateY(144deg)}.dice-container .dice[data-face="9"]{transform:rotateX(11deg) rotate(180deg) rotateY(216deg)}.dice-container .dice[data-face="10"]{transform:rotateX(11deg) rotate(180deg) rotateY(288deg)}.dice-container .dice[data-face="11"]{transform:rotateX(11deg) rotateY(-252deg)}.dice-container .dice[data-face="12"]{transform:rotateX(11deg) rotateY(-324deg)}.dice-container .dice[data-face="13"]{transform:rotateX(11deg) rotateY(-396deg)}.dice-container .dice[data-face="14"]{transform:rotateX(11deg) rotateY(-468deg)}.dice-container .dice[data-face="15"]{transform:rotateX(11deg) rotateY(-540deg)}@keyframes roll{50%{transform:rotateX(240deg) rotateY(480deg) rotate(0deg) translateX(-10px) translateY(-10px)}}.candle-container{width:200px;height:450px;top:160px;left:450px}.eraser-container{border:4px solid orange;width:150px;height:200px;top:1250px;right:225px;transform:rotate(55deg)}.figurine-container{border:4px solid #ff0;width:250px;height:250px;top:580px;left:600px}.gold-coins-container{border:4px solid green;width:600px;height:520px;top:20px;right:300px}.map-container{border:4px solid blue;width:1300px;height:1100px;bottom:-40px;left:-45px}.pencil-container{width:200px;height:764px;top:1097px;right:344px;transform:rotate(13deg);cursor:pointer}.pouch-container{border:4px solid purple;width:450px;height:350px;top:60px;right:100px}.candle-container *,.candle-container :after,.candle-container :before{position:absolute;content:""}.thread{width:6px;height:36px;top:-17px;left:50%;z-index:1;border-radius:40% 40% 0 0;transform:translateX(-50%);background:#121212;background:linear-gradient(#d6994a,#4b232c,#121212,#000,#e8bb31 90%)}.outer-flame{width:60px;height:120px;transform-origin:50% 100%;background:#fff;background:linear-gradient(#fff 80%,transparent);animation:moveFlame 6s linear infinite,enlargeFlame 5s linear infinite;top:40px;left:-5px}.outer-flame,.outer-flame:before{transform:translateX(-50%);border-radius:50% 50% 20% 20%}.outer-flame:before{width:100%;height:100%;box-shadow:0 0 15px 0 rgba(247,93,0,.4),0 -6px 4px 0 rgba(247,128,0,.7)}@keyframes moveFlame{0%,to{transform:translateX(-50%) rotate(-2deg)}50%{transform:translateX(-50%) rotate(2deg)}}@keyframes enlargeFlame{0%,to{height:60px}50%{height:70px}}.inner-flame{width:26px;height:60px;border-radius:50% 50% 35% 35%;left:50%;top:-48px;transform:translateX(-50%);background:rgba(0,133,255,.7);box-shadow:0 -40px 30px 0 #dc8a0c,0 40px 50px 0 #dc8a0c,inset 3px 0 2px 0 rgba(0,133,255,.6),inset -3px 0 2px 0 rgba(0,133,255,.6)}.inner-flame:before{width:70%;height:60%;bottom:0;background:rgba(0,0,0,.35)}.flame-light,.inner-flame:before{left:50%;transform:translateX(-50%);border-radius:50%}.flame-light{width:100px;height:180px;top:-55%;background:#ff6000;filter:blur(60px);animation:blinkIt .1s infinite}@keyframes blinkIt{50%{opacity:.8}}.table-container{width:3500px;height:2000px;border-radius:40px;position:absolute;z-index:0;transform:translateZ(-1100px) rotate(1deg) translateX(-880px) translateY(-17%);background-image:url(/images/table-with-items-transparent.png);background-size:100% 100%;background-color:transparent;background-repeat:no-repeat;pointer-events:auto}