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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f1f1f1;background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0),linear-gradient(180deg,#f1f1f1,#8f8f8f);background-position:50%;background-size:20px 20px,20px 20px,100% 100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@font-face{font-family:contm;src:url(/static/media/contm.76ee5a8401a0bbe0de9c.ttf) format("truetype")}.App{align-items:center;display:flex;flex-direction:column;font-family:contm;justify-content:center;text-align:center}#header{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,hsla(0,0%,100%,.945),#c8c8c8);color:#0000;filter:drop-shadow(0 4px 4px rgba(31,31,31,.932));font-size:7rem;margin-bottom:1rem;margin-top:10rem;opacity:50%}#gallery{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:scale(.9)}@media (max-width:1600px){#gallery{margin-top:-10rem;transform:scale(.7)}}@media (max-width:1200px){#gallery{margin-top:-25rem;transform:scale(.5)}}@media (max-width:1000px){#gallery{margin-top:-35rem;transform:scale(.4)}}@media (max-width:800px){#gallery{margin-top:-45rem;transform:scale(.3)}.nav-buttons{flex-direction:column}.piecesimg{height:auto;max-height:150px;width:20%}.modal-content{margin:auto;width:20%}.intro-text{font-size:1.5em}}.shelfimg{filter:drop-shadow(0 8px 4px rgba(31,31,31,.5));margin-bottom:10rem;position:relative;z-index:0}.piecesimg{filter:drop-shadow(0 0 6px rgba(31,31,31,.5));max-height:12rem;max-width:15rem;position:relative;transition:.25s;width:auto;z-index:1}.piecesimg:hover{transform:scale(1.1) translateY(-.9rem)}.piecesDiv{align-items:end;display:flex;gap:10rem;justify-content:center;transform:translateY(1rem);z-index:1}.lastshelf{margin-bottom:0}.logoimg{filter:drop-shadow(0 0 6px rgba(31,31,31,.5));margin-bottom:5rem;margin-top:2rem;transition:.25s;width:12rem;z-index:1}.modal-overlay{align-items:center;background-color:#5e5e5eb3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1000}#aboutModal{background-color:#2e2e2eb3}.modal-overlay.active{opacity:1}.modal-content{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:20px;max-height:80vh;max-width:70%;opacity:0;padding:20px;position:relative;transition:opacity .3s ease-in-out}.modal-content.active{opacity:1;transform:scale(1)}.modal-image{background:#ffffff1a;border-radius:20px;max-height:60vh;max-width:100%;object-fit:contain;opacity:0;padding:20px;transition:opacity .3s ease-in-out}.modal-image.active{opacity:1}.modal-text{color:#fff;font-size:3rem;margin-top:1rem;text-align:center}.close-button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:-40px;top:-40px;width:30px}.nav-buttons{box-sizing:border-box;display:flex;filter:drop-shadow(0 0 3px rgba(31,31,31,.5));justify-content:space-between;padding:0 40px;position:fixed;top:20px;width:100%;z-index:100}.nav-button{background:linear-gradient(180deg,hsla(0,0%,100%,.945),#c8c8c8);border:none;border-radius:8px;color:#000;cursor:pointer;font-family:contm;font-size:1.2rem;padding:10px 20px;transition:all .3s ease}.nav-button:hover{transform:translateY(-2px)}.about-modal-content{color:#fff;filter:drop-shadow(0 0 3px rgba(31,31,31,.5));font-size:2rem;line-height:1.6;max-width:800px;padding:40px;text-align:left}.intro-overlay{align-items:center;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0),linear-gradient(180deg,#f1f1f1,#8f8f8f);background-image:linear-gradient(180deg,hsla(0,0%,100%,.945),#c8c8c8);color:#0000;cursor:pointer;display:flex;filter:drop-shadow(0 4px 4px rgba(31,31,31,.932));font-family:contm;font-size:7rem;height:100%;justify-content:center;left:0;opacity:1;opacity:50%;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:2}.intro-overlay.fade-out{opacity:0}.main-content{opacity:0;position:relative;transition:opacity .5s ease-in-out;z-index:1}.main-content.visible{opacity:1}
/*# sourceMappingURL=main.57f7937a.css.map*/