@font-face{font-family:DirectMessage;src:url(https://open-sourcerer.com/assets/Direct_Message-DJvBfxHY.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DirectMessage;src:url(https://open-sourcerer.com/assets/Direct_Message_Blocky_Bold-n-HOo0HX.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Fantasy";src:url(https://open-sourcerer.com/assets/Font_Fantasy-DHEec_JE.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:HighBirth;src:url(https://open-sourcerer.com/assets/High_Birth-4vkj2Zn1.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:DirectMessage;margin:0;background-color:#171e29;color:#fff}h1{font-family:HighBirth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{width:100vw;height:100vh;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:contain}@property --page-scroll-top{syntax: "<length>"; inherits: true; initial-value: 0;}.app-content-container{display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:flex-start;min-height:120vh;margin-bottom:80pt}.app-header{display:flex;justify-content:flex-start;position:fixed;top:0;left:0;width:100vw;height:calc(60vh - var(--page-scroll-top) * 2);min-height:72pt;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;overscroll-behavior-y:auto;z-index:2}.app-header .header-image-bg{display:flex;background-image:url(https://open-sourcerer.com/assets/os-screenshot-1-PjCpbxAr.png);background-position:center;background-repeat:no-repeat;background-size:cover;image-rendering:pixelated;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:max(0,.75 - var(--page-scroll-top) / 200pt);border-bottom:1pt solid #33aaff}.app-header:before{content:"";display:block;background-color:#075277;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app-header .company-presents{position:absolute;top:0;left:0;width:calc(100% - min(50%,var(--page-scroll-top) * 1.5));display:flex;flex-direction:row;align-items:center;justify-content:center;animation-name:fade-in;animation-duration:1s;animation-delay:.5s;animation-fill-mode:both;font-size:max(12pt,2vw - var(--page-scroll-top) * .02);line-height:1.8em;pointer-events:auto;z-index:1;filter:drop-shadow(4pt 4pt 2pt rgba(0,0,0,.7))}.gh-logo{background:#fff;-webkit-mask-image:url(https://open-sourcerer.com/assets/gh-logo-BrtQNmxl.svg);mask-image:url(https://open-sourcerer.com/assets/gh-logo-BrtQNmxl.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:4em;aspect-ratio:1;pointer-events:none}.presents{font-size:.5em;opacity:.5}.presents:after{content:":"}@keyframes pop{0%{transform:scale(.5);opacity:0}75%{transform:scale(1.25)}to{transform:scale(1)}}.game-title{position:absolute;top:0;right:max(0px,20vw - var(--page-scroll-top) * .75);font-size:max(12pt,min(4vw,3vh) - var(--page-scroll-top) * .075);display:flex;flex-grow:0;flex-shrink:0;flex-direction:column;justify-content:center;align-items:center;color:#fff;width:calc(60vw - min(15vw,var(--page-scroll-top) * .75));height:100%;min-height:72pt;z-index:1;word-break:keep-all;text-wrap:nowrap;filter:drop-shadow(4pt 4pt 2pt rgba(0,0,0,.7))}.game-title .game-logo{background:#fff;-webkit-mask-image:url(https://open-sourcerer.com/assets/os-logo-plain-CIUvCt05.svg);mask-image:url(https://open-sourcerer.com/assets/os-logo-plain-CIUvCt05.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:max(0px,16em - var(--page-scroll-top) * .75);aspect-ratio:1;margin-bottom:max(-2.5em,min(0em,-2.5em + var(--page-scroll-top) * .75));pointer-events:none;opacity:calc(1 - var(--page-scroll-top) / 200px);animation-name:pop;animation-duration:.5s;animation-delay:1.5s;animation-fill-mode:both}.game-title h1{font-size:1em;text-align:center;line-height:1.8em;pointer-events:auto;animation-name:pop;animation-duration:.5s;animation-delay:1.5s;animation-fill-mode:both}@media(max-width:720px){.app-header .company-presents{font-size:max(10pt,2vw - var(--page-scroll-top) * .01)}.app-header .game-title h1{text-wrap:wrap}}.scroll-point.with-offset{height:72pt;flex-shrink:0;flex-grow:0}.actual-app-content{position:relative;margin:32pt;margin-top:calc(60vh - 72pt);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.meet-the-team{width:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.meet-the-team h2{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1;line-height:1.5em}.team-member-avatars{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.team-member-details{display:flex;flex-direction:row;gap:1em;align-items:center;justify-content:center}.team-member-details .text-details{width:40vw;display:flex;flex-direction:column;gap:1em;align-items:flex-start;justify-content:flex-start}.team-member-details .text-details h2,.team-member-details .text-details h3{margin:0;padding:0;line-height:2em;z-index:1}.team-member-details .text-details h2{font-size:20pt}.team-member-details .text-details h3{font-family:HighBirth;font-size:15pt}.team-member-details .text-details .bio{font-size:12pt}.team-member{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.team-member:before{content:"";z-index:-1;background:#0080ff20;width:100%;aspect-ratio:1;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease}.team-member.hovered:before{opacity:1}.team-member.selected:before{background:#0080ff40;opacity:1}.team-member-canvas-container{display:flex;position:relative;width:80pt;aspect-ratio:.8;overflow:hidden;cursor:pointer}.team-member-canvas{width:100%;height:100%;image-rendering:pixelated}.team-member.large .team-member-canvas-container{width:30vw}
