*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf9f5;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}.header{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;padding:2rem}.header-logo{height:auto;margin-bottom:.25rem;width:80px}.header-title{color:#333;font-size:1.5rem;font-weight:400;margin:0;text-transform:lowercase}.header-instagram{color:#666;font-size:1rem;text-decoration:none;transition:color .2s ease}.header-instagram:hover{color:#000}.drawing-tile{background:#fff;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.drawing-tile:before{background:#1a1a1a;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:1}.drawing-tile:hover:before{opacity:1}.tile-header{align-items:center;color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:16px;position:relative;transition:color .4s cubic-bezier(.4,0,.2,1);z-index:2}.drawing-tile:hover .tile-header{color:#999}.tile-date,.tile-id{font-weight:400}.tile-image-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.tile-image{max-height:100%;max-width:100%;object-fit:contain;transition:filter .4s cubic-bezier(.4,0,.2,1)}.drawing-tile:hover .tile-image{filter:invert(1)}.size-1x1{grid-column:span 1}.size-1x1,.size-2x1{grid-row:span 1;min-height:280px}.size-2x1{grid-column:span 2}.size-1x2{grid-column:span 1}.size-1x2,.size-2x2{grid-row:span 2;min-height:580px}.size-2x2{grid-column:span 2}.fullscreen-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);background:#fffffffa;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-content{align-items:center;animation:scaleIn .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:90vh;justify-content:center;position:relative;width:90vw}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-button{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:10}.close-button:hover{background:#0000001a;transform:rotate(90deg)}.fullscreen-image-wrapper{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden;padding:80px 60px 20px;width:100%}.fullscreen-image{filter:invert(0);height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.fullscreen-info{color:#666;display:flex;font-size:14px;justify-content:space-between;max-width:800px;padding:20px 40px;width:100%}.fullscreen-date,.fullscreen-id{font-weight:400}.gallery-container{background:#faf9f5;min-height:100vh;padding:40px}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-flow:dense;grid-auto-rows:280px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:2000px}@media (min-width:840px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.App{background:#faf9f5;min-height:100vh}
/*# sourceMappingURL=main.378f635e.css.map*/