.mainContainer.svelte-kr3cqj{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:30px}.hidden.svelte-kr3cqj{display:none}.scrollerContainer.svelte-kr3cqj{width:var(--scrollerWidth);border:2px solid #0f0}.innerScroller.svelte-kr3cqj{width:-moz-fit-content;width:fit-content;display:flex;flex-wrap:wrap;list-style:none;padding-block:20px;padding-inline:0;margin:0;gap:var(--innerScrollGap)}.scrollerContainer[data-animated]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.scrollerContainer[data-animated] .innerScroller.svelte-kr3cqj{flex-wrap:nowrap;animation:svelte-kr3cqj-scroll 30s forwards linear infinite;animation:svelte-kr3cqj-scroll var(--animationDuration, 30s) var(--animationDirect, forwards) linear infinite}[data-animationSpeed=fast]{--animationDuration: 10s}[data-animationSpeed=slow]{--animationDuration: 60s}@keyframes svelte-kr3cqj-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--innerScrollGap) / 2))}}@keyframes svelte-kr3cqj-sticky-parallax-header-move-and-size{0%{background-position:50% 0;height:100vh;font-size:calc(4vw + 1em)}to{background-position:50% 100%;background-color:#024069;height:10vh;font-size:2em}}@keyframes svelte-kr3cqj-adjust-z-index{0%{z-index:1}50%{z-index:100}to{z-index:1}}@keyframes svelte-kr3cqj-rotate-cover{0%{transform:translate(-100%) rotateY(-45deg)}35%{transform:translate(0) rotateY(-45deg)}50%{transform:rotateY(0) translateZ(1em) scale(2)}65%{transform:translate(0) rotateY(45deg)}to{transform:translate(100%) rotateY(45deg)}}.skill.svelte-kr3cqj{font-size:1.5rem;width:-moz-max-content;width:max-content;white-space:nowrap;background:#0a2a3a;padding:.5rem 1.25rem;border-radius:10px;box-shadow:3px 3px 6px #161616}@supports (animation-range: 0vh 90vh){.main.svelte-kr3cqj{padding-top:100vh}.hero.svelte-kr3cqj{position:fixed;top:0;animation:svelte-kr3cqj-sticky-parallax-header-move-and-size linear forwards;animation-timeline:scroll();animation-range:0vh 90vh}}.hero.svelte-kr3cqj{color:#fff;height:100vh;width:100%;background:url(https://res.cloudinary.com/bigbeardeddev/image/upload/f_auto,q_auto/v1697202081/bigbeardeddev/background) center center / cover no-repeat;background-blend-mode:soft-light;display:grid;place-items:center;text-align:center;z-index:500}.headline.svelte-kr3cqj{font-size:.95em;text-shadow:2px 2px 6px #000;margin:0 0 .5em;line-height:1}.subhead.svelte-kr3cqj{font-size:.75em;text-shadow:2px 2px 6px #000;margin:0;line-height:1}.heroText.svelte-kr3cqj{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 40px)}.coverFlow.svelte-kr3cqj{width:100%;display:flex;justify-content:center}.cards.svelte-kr3cqj{--cover-size: clamp(100px, 15vw, 200px);list-style:none;white-space:nowrap;max-width:calc(clamp(100px,15vw,200px)*7);max-width:calc(var(--cover-size) * 7);overflow-x:scroll;margin:300px auto 200px;padding:150px;position:relative;scroll-snap-type:x mandatory;background:#000;border:2px solid #222;box-shadow:10px 10px 20px #000}.cards.svelte-kr3cqj::-webkit-scrollbar{display:none}.cards.svelte-kr3cqj li:where(.svelte-kr3cqj){display:inline-block;width:var(--cover-size);aspect-ratio:1;view-timeline-name:--li-in-and-out-of-view;view-timeline-axis:inline;animation:linear svelte-kr3cqj-adjust-z-index both;animation-timeline:--li-in-and-out-of-view;perspective:40em;position:relative;z-index:1;padding-bottom:calc(var(--cover-size) / 1.5);will-change:z-index;-webkit-user-select:none;-moz-user-select:none;user-select:none;scroll-snap-align:center}.cards.svelte-kr3cqj li:where(.svelte-kr3cqj):first-of-type{margin-left:calc(50% - (var(--cover-size) / 2))}.cards.svelte-kr3cqj li:where(.svelte-kr3cqj)>img:where(.svelte-kr3cqj){width:var(--cover-size);height:var(--cover-size);-webkit-box-reflect:below .3em linear-gradient(rgb(0 0 0 / 0),rgb(0 0 0 / .15));animation:linear svelte-kr3cqj-rotate-cover both;animation-timeline:--li-in-and-out-of-view;transform:translate(-100%) rotateY(-45deg);will-change:transform;border-radius:10px}