body{background-color:#45aad5;color:#e4bb63;font-family:system-ui,sans-serif;margin:0}.app{margin:auto;max-width:900px;padding:1rem}header{margin-bottom:2rem;text-align:center}nav a{color:#fff4d3;margin:0 .5rem;text-decoration:none}nav a:hover{color:#c7534f}h1,h2,h3{text-shadow:2px 2px #c7534f}h3{font-size:xx-large}a,h3{font-style:italic}a{color:#c7534f;text-shadow:1px 1px #e4bb63}.HomeProj{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;margin-top:3vh}.HomeProj img{max-width:800px;width:85vw}@media (max-width:768px){.hide-on-mobile{display:none!important}}.project-row{align-items:center;border:1px solid #fff;border-radius:25px;cursor:pointer;display:flex;justify-content:space-between;margin:1rem;padding:1rem;top:0;z-index:10}.project-row:hover{background-color:#ffffff0d}.project-title{font-size:1.1rem;font-weight:500}.project-icon{font-size:1.5rem;font-weight:700;line-height:1}.model-viewer{aspect-ratio:1/1;background:#0000;margin:0 auto;max-height:30vh;max-width:50%}canvas{background:#0000!important}.ModelWrap{height:auto;margin:2rem auto;overflow:hidden;padding:0;transition:opacity .5s ease,visibility .5s ease,height .5s ease,margin .5s ease,padding .5s ease,transform .5s ease}.ModelWrap.visible{height:auto;margin:2rem auto;opacity:1;pointer-events:auto;transform:translateY(0)}.ModelWrap.hidden{height:0;margin:0 auto;opacity:0;padding:0;pointer-events:none;transform:translateY(-20px)}.modal-grid{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.modal-thumb{border-radius:4px;cursor:pointer;width:100%}.project-modal{background:#111111b9;box-sizing:border-box;color:#fff;height:100%;left:0;overflow-y:auto;overscroll-behavior:contain;z-index:1000}.modal-header,.project-modal{position:fixed;top:0;width:100%}.modal-header{align-items:baseline;background-color:#0000007a;display:flex;flex-direction:row;justify-content:center;padding:0 2rem;z-index:1001}.modal-header .close{color:#ccc;cursor:pointer;font-size:1.25rem}.modal-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:3rem;padding:1rem}.modal-grid img{border-radius:.5rem;height:auto;object-fit:cover;width:100%}.image-viewer{align-items:center;background:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.image-viewer img{max-height:100%;max-width:100%}.image-viewer .nav{color:#fff;cursor:pointer;font-size:3rem;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.image-viewer .nav.left{left:1rem}.image-viewer .nav.right{right:1rem}.image-viewer .close{color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.carousel-container{margin:0 auto;width:100%}.carousel-viewport{cursor:grab;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.carousel-viewport:active{cursor:grabbing}.imageLink{display:contents}.carousel-images{align-content:center;align-items:center;height:35vh}.carousel-images,.carousel-slide{display:flex;justify-content:center}.carousel-slide{flex-shrink:0;max-height:30vh;max-width:85vh;object-fit:contain;position:absolute;transition:transform .1s ease-out}.carousel-slide.active{z-index:10}.carousel-slide:not(.active){z-index:0}.carousel-image{object-fit:contain;pointer-events:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.carousel-image[draggable]{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.carousel-slide.active .carousel-image{object-fit:contain;opacity:1;transform:scale(1)}.carousel-slide:not(.active) .carousel-image{opacity:.6;transform:scale(.9);width:240px}.carousel-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.carousel-dot{background-color:#e4bb63;border:none;border-radius:50%;cursor:pointer;height:.5rem;transition:all .2s ease;width:.5rem}.carousel-dot:hover{background-color:#9ca3af}.carousel-dot.active{background-color:#c7534f;transform:scale(1.25)}.carousel-arrow{align-items:center;background-color:#e4bb63;border:none;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer;display:flex;height:40px;justify-content:center;margin:5vw;padding:.5rem;position:absolute;transform:translateY(-20vh);transition:all .2s ease;width:40px;z-index:20}.carousel-arrow:hover{background-color:#fff}.carousel-arrow.prev{left:1rem}.carousel-arrow.next{right:1rem}.carousel-arrow svg{color:#1f2937;height:1.5rem;width:1.5rem}.carousel-slide.dragging{transition:transform .4s ease-out}
/*# sourceMappingURL=main.a562057a.css.map*/