body{margin:0 auto;font-family:Menlo,Monaco,Courier New,monospace;overflow-x:hidden;background-image:url(/assets/egg-shell-O4IcpRXB.png);background-repeat:repeat;background-attachment:fixed}html{overflow-x:hidden}.credit{text-align:right;margin-right:20px}input,textarea,button{-webkit-tap-highlight-color:transparent}.header{height:200px;width:100%;position:relative;pointer-events:none;max-width:100vw}.header-text{margin-top:50px;color:#000;position:absolute;cursor:default;pointer-events:none}.header-text-bold{font-weight:700;font-size:25px}.name-title{font-size:2px;font-weight:700;text-align:center;font-size:10vw;cursor:default}@media (max-width: 767px){.name-title{margin-top:100px}}.bio-container{display:flex;justify-content:space-evenly;align-items:center;flex-direction:row}.bio-link-container{display:flex;justify-content:center;align-items:center}.yt-container{text-align:center;flex:1;width:30vw;display:flex;justify-content:center;align-items:center;flex-direction:column}.yt-logo{height:10vh;fill:#000;transition:fill .3s ease}.line-divider{padding:0;width:3px;height:20%;margin-top:30px;background-color:#000;position:absolute;z-index:-1}.bio{text-align:center;flex:1;width:30vw;font-size:calc(10px + .390625vw)}.bio-svg{fill:#000;position:absolute;width:90%;translate:5%;left:0;pointer-events:none;margin-bottom:100px}@media (max-width: 1100px){.me{font-size:15px!important}}@media (max-width: 910px){.bio-container{flex-direction:column}.line-divider{width:50%;height:1px;margin-bottom:60px}.bio{width:80vw;margin-top:100px}}.me{font-size:calc(20px + .390625vw);text-align:center;cursor:default}.arrow-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.arrow{fill:#000}.arrow-container.scrolled{position:absolute}.navbar-container{position:fixed;display:flex;justify-content:center;align-items:center;margin-top:20px;z-index:500;width:100%;background-color:#000}.nav{position:fixed;display:inline-block;background-color:#000;width:500px;flex:1;height:50px}.navbar{pointer-events:auto;z-index:500;margin-right:35px;display:flex;justify-content:center;align-items:center;gap:30px;flex-direction:row;list-style-type:none}.navbar li{position:relative;z-index:500;color:#fff;cursor:pointer;transition:color .3s ease}.navbar li:nth-child(1):hover{color:#e71d36}.navbar li:nth-child(2):hover{color:#c5d86d}.navbar li:nth-child(3):hover{color:#2ec4b6}.navbar li:nth-child(4):hover{color:#ff9f1c}.navbar li:nth-child(5):hover{color:#fff952}.instagram-logo{position:fixed;margin-top:14px;margin-left:30px}.black-background{position:fixed;z-index:500;background-color:#000;width:100%;transform:scaleX(.1);height:45px}@media (max-width: 768px){.navbar{gap:20px}.navbar li{font-size:14px;margin-top:3px}.instagram-logo{margin-left:89px;height:20px;margin-top:16px}}.logo-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:50px;text-align:center;font-size:17px}.logo{width:800px}.game-container{z-index:-1;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.star{width:100px;image-rendering:pixelated;z-index:-1}.platform-container{overflow:hidden;z-index:-1;display:flex;justify-content:center;align-items:center;gap:300px;flex-direction:row;margin-top:-5px}.platform{image-rendering:pixelated;width:250px}.player-container{z-index:-1;margin-top:200px;display:flex;justify-content:space-evenly;align-items:center;gap:600px;flex-direction:row}.red_player{transform:scaleX(-1);-webkit-transform:scaleX(-1)}.player{z-index:-1;width:130px;image-rendering:pixelated}.steam{width:100px;position:relative;z-index:0}.steam-container{margin-top:100px;position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column}.steam-container p{text-align:center}@media (max-width: 910px){.logo{width:80%}.logo-container{font-size:14px}.player{width:80px}.platform{width:200px}.star{width:50px}.steam{width:70px}.platform-container{gap:100px}.player-container{gap:300px}}.work-title{scroll-margin-top:250px;font-size:50px}.grid-container{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0}.grid{z-index:0;display:grid;grid-template-rows:minmax(2fr,auto) minmax(1fr,auto) minmax(1fr,auto) minmax(1fr,auto);grid-template-columns:repeat(6,minmax(100px,1fr));gap:5px;min-height:70vh;max-width:80vw;width:100%;aspect-ratio:7 / 5;grid-template-areas:"one one one two two two" "three three four four four five" "three three six six eight eight" "seven seven seven nine nine nine";border-radius:25px;padding:2px}.grid-item{border-radius:25px;box-sizing:border-box;background:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid black;transition:all .3s ease;background-size:100% auto;background-position:center}.grid-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit;z-index:-1;transition:filter .3s ease}.grid-item:hover:before{-webkit-filter:brightness (50%);filter:brightness(50%)}.grid-hidden{display:none}.grid-item:hover{cursor:pointer}.grid-item p{width:100%;font-size:clamp(12px,2em,4em);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff;position:absolute;opacity:0;transition:opacity .3s ease-in-out;z-index:300}.grid-item:hover p{opacity:1}.\31 {grid-area:one}.\32 {grid-area:two}.\33 {grid-area:three;background-size:auto 100%!important}.\34 {grid-area:four}.\35 {grid-area:five}.\36 {grid-area:six}.\37 {grid-area:seven}.\38 {grid-area:eight}.\39 {grid-area:nine}.expanded-content-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:450px;padding:40px;width:800px;border-radius:37px 23px 120px 110px/140px 130px 24px 19px;border:solid 3px black;box-shadow:3px 15px 8px -10px #0000004d;animation:slowRotation 5s ease-in-out infinite}.expanded-top-section{display:flex;justify-content:center;align-items:center;margin-bottom:80px}.expanded-title{position:absolute;top:0;text-align:center}.thumbtack{position:absolute;top:-20px;right:0;width:80px}.close{position:absolute;top:35px;left:60px;width:90px;cursor:pointer}.expanded-vid-desc-container{display:flex;justify-content:space-evenly;align-items:space-evenly;flex-direction:row;width:100%}.expanded-vid-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.expanded-description-container{display:flex;text-align:center;justify-content:center;align-items:center;width:50%;height:100%;border:2px solid black;border-radius:15px}.expanded-description{text-align:center;font-size:clamp(16px,.6vw,40px);padding:20px;width:100%;height:auto}.expanded-video{width:100%;height:100%;border:2px solid black;border-radius:25px}.expanded-img{background-size:100% auto;background-position:center;transition:transform .2s ease-in-out}.expanded-img:hover{transform:scale(1.05)}.expanded-caption{font-size:20px;text-align:center}.sound-design-clips-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.sound-design-clip{all:unset;display:inline-block;border:2px solid black;padding:5px;border-radius:3px;transition:background-color .2s ease-in-out;margin-top:15px}.sound-design-clip:hover{cursor:pointer;transform:scale(1.05);background-color:#0000004d}@keyframes slowRotation{0%{transform:rotate(0)}50%{transform:rotate(-.5deg)}to{transform:rotate(0)}}@media (max-width: 768px){.grid{aspect-ratio:unset;grid-template-rows:repeat(13,minmax(70px,1fr));grid-template-columns:1fr 1fr;grid-template-areas:"one one" "one one" "two two" "two two" "three four" "three four" "six five" "six five" "eight eight" "seven seven" "seven seven" "nine nine" "nine nine"}.work-title{scroll-margin-top:100px}.grid-item p{font-size:20px}}@media (max-width: 900px){.work-title{font-size:40px}.expanded-content-container{width:70vw;height:auto}.expanded-vid-desc-container{flex-direction:column;align-items:space-evenly;justify-content:flex-start;height:100%}.expanded-title{top:80px;font-size:20px;width:100%}.expanded-vid-container{margin-bottom:70px}.expanded-top-section{margin-bottom:150px}.expanded-description-container{display:flex;text-align:center;justify-content:center;align-items:top;width:100%;height:100%;border:2px solid black;border-radius:15px}}.contact-form-container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:60vh;margin-bottom:150px;width:100%}.contact-form{width:20%;height:80%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.form-row{display:flex;align-items:center;width:100%;justify-content:center;gap:16px}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center;display:flex;align-items:center;justify-content:center;color:#000;border:2px solid black;border-radius:10px;width:90px;height:40px;font-size:20px;font-family:Menlo,Monaco,Courier New,monospace;cursor:pointer;transition:all .3s ease;background-color:transparent}input,textarea{font-family:Menlo,Monaco,Courier New,monospace;width:30vh;padding:5px;font-size:14px;outline:none;background-color:transparent;border:2px solid black;border-radius:10px}textarea{height:20vh;min-width:400px;max-width:50vw}input{height:22px}textarea{width:100%}.submit-button{font-size:20px}.submitted-button{cursor:default}.submit-button:hover{transform:scale(1.05)}@media (max-width: 768px){.form-row{gap:8px}input{min-width:130px;max-width:50vw}textarea{min-width:80vw}.contact-form{padding:16px}.contact-form-container{margin-bottom:50px}}