.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;background-image:url(/images/character-sheet/character-sheet-1.png);background-repeat:no-repeat;background-size:cover;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 h3{font-size:xx-large;margin-bottom:.5rem;position:absolute;top:-35px;left:6px;border:8px double #000;padding:.5rem 1rem;background-image:url(/images/parchment-texture.png);background-repeat:repeat;background-size:auto}.character .profile{grid-column:1/-1;padding-top:2rem;padding-bottom:3rem;border:8px double #000;border-radius:.75rem}.character .profile .name{grid-column:1/4;font-size:3rem;display:flex;align-items:center;justify-content:flex-end;padding-right:2rem}.character .profile .info{grid-column:4/8;font-size:2rem;padding-left:2rem}.character .profile .info .game-link{position:absolute;bottom:0;right:2rem;color:#00008b}.character .ability-scores{border:8px double #000;border-radius:.75rem;grid-column:1/2;grid-row:2/5;padding-top:2rem;padding-bottom:2rem}.character .ability-scores .ability-score{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.character .ability-scores .ability-score .header{font-weight:700}.character .ability-scores .ability-score .modifier,.character .ability-scores .ability-score .score{display:block;width:160px;text-align:center}.character .ability-scores .ability-score .score{font-size:3rem;line-height:3rem;border:4px solid #000;border-radius:50%;display:inline-block;width:80px;height:80px;align-items:center;align-content:center;outline:4px solid #000;outline-offset:4px}.character .ability-scores .ability-score .modifier{font-size:1.5rem;line-height:1.5rem;border:4px solid #000;width:60%;padding:5px;margin-top:-13px;background-image:url(/images/parchment-texture.png);background-repeat:repeat;background-size:auto}.character .about{grid-column:2/5;grid-row:2/5;padding-left:2rem;padding-right:2rem;display:flex;flex-direction:column;padding-top:2rem}.character .about .tag-line{margin-bottom:3rem}.character .about .skills,.character .about .tag-line{border:8px double #000;border-radius:.75rem;padding:4rem 2rem 2rem}.character .about .skills{grid-column:2/5;grid-row:3/5;flex:auto}.character .about .skills .skill{position:relative;margin-bottom:1.5rem}.character .about .skills .skill:before{position:absolute;bottom:0;width:calc(var(--star-width)*var(--score));-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' stroke='none' stroke-width='1.6' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>") center/80% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' stroke='none' stroke-width='1.6' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>") center/80% no-repeat;mask-repeat:repeat;mask-size:36px 36px;mask-position:0 0;-webkit-mask-repeat:repeat;-webkit-mask-size:36px 36px;-webkit-mask-position:0 0}.character .about .skills .skill:after,.character .about .skills .skill:before{--star-width:36px;content:"";display:block;height:36px;background-color:#000;transition:background-color .2s ease}.character .about .skills .skill:after{width:calc(var(--star-width)*var(--max));-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='white' stroke-width='1.6' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>") center/80% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='white' stroke-width='1.6' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>") center/80% no-repeat;mask-repeat:repeat;mask-size:36px 36px;mask-position:0 0;-webkit-mask-repeat:repeat;-webkit-mask-size:36px 36px;-webkit-mask-position:0 0;margin-top:.2rem}.character .education-and-experiences{grid-column:5/8;grid-row:2/5;display:flex;flex-direction:column}.character .education-and-experiences .stats{margin-bottom:3rem;font-size:2rem;border:8px double #000;border-radius:.75rem;padding:2rem}.character .education-and-experiences .education{margin-bottom:3rem;font-size:1.2rem;border:8px double #000;border-radius:.75rem;padding:4rem 2rem 2rem}.character .education-and-experiences .education .name{font-size:1.5rem;margin-bottom:.5rem}.character .education-and-experiences .education .degree,.character .education-and-experiences .education .duration{margin-bottom:.5rem}.character .education-and-experiences .work-experiences{border:8px double #000;border-radius:.75rem;padding:4rem 2rem 0;flex:auto}.character .education-and-experiences .work-experiences .experience{margin-bottom:1rem}.character .education-and-experiences .work-experiences .experience .role{font-size:1.5rem;margin-bottom:.5rem}.character .education-and-experiences .work-experiences .experience .duration{font-size:1.2rem;margin-bottom:.5rem}.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 .full-experiences{padding-top:5rem}.experiences .full-experiences .full-experience{display:flex;margin-bottom:2rem;border:8px double #000;border-radius:.75rem;padding:2rem}.experiences .full-experiences .full-experience .company{min-width:25%}.experiences .full-experiences .full-experience .company .name{font-size:2rem;margin-bottom:.5rem}.experiences .full-experiences .full-experience .company .position{font-size:1.5rem;margin-bottom:.5rem}.experiences .full-experiences .full-experience .company .duration{font-size:1.2rem}.experiences .full-experiences .full-experience .full-story p{margin-bottom:1rem}.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)}}.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%}.social-links{top:724px;right:283px;position:absolute;pointer-events:none;-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 10%,#000);mask-image:linear-gradient(270deg,transparent 0,#000 10%,#000)}.social-links ul{overflow:hidden;padding-right:20px}.social-links ul li{transform:translateX(150%);transition:transform .5s ease-out;transition-delay:calc(var(--i)*.1s)}.social-links.active{pointer-events:auto}.social-links.active li{transform:translateX(0)}.social-links .social-link{background:linear-gradient(90deg,#f1caaf,#e3e3d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.social-links .social-link:hover{transform:scale(1.1)}.dice-container{margin:auto;position:absolute;width:900px;height:1000px;bottom:100px;left:80px}.dice-canvas{width:100%;height:100%;display:block;background-color:transparent;cursor:pointer}.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}