@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;700&display=swap);body,html{background-color:#fff;color:#f5f5f5;margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;min-height:100vh}.App,.Header{align-items:center;display:flex;justify-content:center}.Header{box-sizing:border-box;gap:0;left:0;padding:0 20px;position:absolute;right:0;top:2.5%;transform:none}.Header div{background:#0000;color:red;font-family:"Scripter Serif";font-size:65px;padding:5}.Footer{bottom:20px;display:flex;gap:230px;left:50%;position:absolute;transform:translateX(-50%)}.Footer button{background:#0000;border:none;color:red;cursor:pointer;font-family:"Scripter Serif";font-size:17px;padding:10}.Footer button:after,.Footer button:before{content:""}.Footer button:hover{text-decoration:underline}.gallery-page{background:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.back-button{background-color:#fff;border:1px solid red;color:red;cursor:pointer;flex:0 0 auto;font-family:"Scripter Serif";font-size:17px;height:40px;padding:0 12px;text-align:left;width:100%}.back-button:hover{background-color:red;color:#000}.stack{height:411px;margin:0;overflow:hidden;position:relative;width:640px}.Instructions{align-items:center;color:red;font-family:"Scripter Serif";font-size:25px;justify-content:center;left:50%;margin:0;position:absolute;top:110%;transform:translateX(-50%);z-index:999}.stage{height:411px;position:relative;width:640px}.background{background-color:#fff;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.sprite{position:absolute;transform-origin:bottom center}.spriteImage{display:block;max-width:100%}.hoverSwap .normal{position:relative}.hoverSwap .red{inset:0;opacity:0;position:absolute}.hoverSwap:hover .red{opacity:1}.hoverSwap:hover .normal{opacity:0}.sprite-standing{bottom:5%;left:5%;transform:scale(.9);z-index:3}.sprite-rifle{bottom:18%;left:40%;transform:translateX(-50%) scale(.9)}.sprite-crouch{bottom:17%;right:15%;transform:scale(.9)}.sprite-crouch,.sprite-rifle{z-index:1}.sprite-crouch:hover,.sprite-rifle:hover,.sprite-standing:hover{z-index:999}.extra{position:absolute}.extra-four{left:63%;top:58%}.extra-five,.extra-four{transform:scale(1);z-index:2}.extra-five{bottom:0;left:10.5%}.extra-seven{bottom:.5%;left:.25%;transform:scale(1);z-index:4}.displayPreview{left:0;pointer-events:none;position:absolute;top:-25%;z-index:5}.displayLabel{color:red;font-family:"Scripter Serif";font-size:17px;left:640px;line-height:1;position:absolute;top:-8px;transform:translateX(-100%);white-space:nowrap;width:max-content}.gallery-layout{background:#fff;flex:1 1;width:100%}.gallery-layout,.gallery-sidebar{display:flex;min-height:0;overflow:hidden}.gallery-sidebar{flex-direction:column;width:50%}.gallery-grid,.gallery-sidebar{box-sizing:border-box;padding:12px}.gallery-grid{--gallery-cell:150px;--gallery-gap:12px;grid-gap:var(--gallery-gap);align-content:start;display:grid;flex:1 1;gap:var(--gallery-gap);grid-auto-rows:var(--gallery-cell);grid-template-columns:repeat(auto-fill,minmax(var(--gallery-cell),1fr));justify-content:start;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.gallery-item{background:#fff;border:1px solid #000;box-sizing:border-box;cursor:pointer;height:100%;overflow:hidden;transition:transform .2s ease;width:100%}.gallery-item:hover{transform:translateY(-4px) scale(1.02)}.gallery-item img{display:block;height:100%;object-fit:cover;width:100%}.gallery-preview{align-items:center;background:#fff;border-left:1px solid red;display:flex;justify-content:center;overflow:hidden;width:50%}.gallery-preview img{height:100%;object-fit:contain;padding:20px;width:100%}.preview-placeholder{color:#ffffff59;font-family:sans-serif;font-size:18px}.projects-layout{background:#fff;display:flex;flex:1 1;min-height:0;overflow:hidden;width:100%}.projects-sidebar{align-items:center;display:flex;flex:1 1;justify-content:safe center;min-height:0;min-width:0;overflow:auto;padding:12px}.projects-grid{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;width:max-content}.project-item{color:inherit;cursor:pointer;flex:0 0 auto;line-height:0;position:relative;text-decoration:none}.project-item img{display:block;height:auto;max-height:65vh;object-fit:contain;width:auto}.project-item:hover{transform:scale(1.05)}.project-title{background-color:#fff;border-radius:0 0 0 0;bottom:0;color:red;font-family:"Scripter Serif";font-size:1rem;font-weight:700;left:0;opacity:0;padding:20px;position:absolute;right:0;text-align:center}.project-item:hover .project-title{opacity:1}.contact{align-items:center;background:#fff;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:auto;padding:24px}.contact-panel{box-sizing:border-box;max-width:min(600px,100%);padding:48px 64px}.contact-content{color:red;font-family:"Scripter Serif";font-size:25px;max-width:100%;width:max-content}.contact-content h1{margin:0 0 1rem;text-align:center}.contact-details{grid-column-gap:1rem;grid-row-gap:.35em;column-gap:1rem;display:grid;grid-template-columns:max-content 1fr;row-gap:.35em;text-align:left}.contact-label{text-align:right;white-space:nowrap}.contact-value{overflow-wrap:anywhere;text-align:left}.info{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:auto;padding:24px}.info,.info-panel{box-sizing:border-box}.info-panel{max-width:min(1000px,100%);padding:48px 64px}.info-content{color:red;font-family:"Scripter Serif";font-size:25px;max-width:100%}.info-content h1{margin:0 0 1rem;text-align:center}.info-content p{line-height:1.4;margin:0;overflow-wrap:anywhere;text-align:left}
/*# sourceMappingURL=main.375fdbc8.css.map*/