@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&display=swap";html,body{margin:0;padding:0;width:100%;min-height:100%;background:#aca4a4}#root{display:flex;flex-direction:column;width:100%;min-height:100%;padding:0;box-sizing:border-box;--red: #aa2424;font-family:Merriweather,serif}h1,h2,h3,h4,h5,h6{font-family:Merriweather,serif}svg{width:1em;height:1em;position:relative;top:.125em;margin:0 .25em}.Block{color:#fff;padding:4em}@media (max-width: 700px){.Block{padding:2em}}@media (max-width: 500px){.Block{padding:1em}}.Block h1{font-size:3em;text-align:center;margin-bottom:0}.Block *{opacity:1;transition:opacity .5s ease-out,filter .5s ease-out,transform .5s ease-out}.Block .link{text-align:center;margin-bottom:2em}.Block .link a{text-decoration:none;color:#ffffff54;border-bottom:dotted 2px transparent}.Block .link a:hover{color:#ffffffa8;border-bottom-color:#ffffff54}.Block .link a:hover svg path{fill:#ffffff54}.Block .content{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.Block .content .description{width:100%;display:flex;justify-content:center;align-items:center;filter:blur(0);transition:opacity .5s ease-out,filter .5s ease-out,transform .5s ease-out}.Block .content .description p{opacity:.6;max-width:600px}.Block.unrevealed *{opacity:0}.Block.unrevealed .content .description{filter:blur(10px);transform:translateY(32px);opacity:0}.Technologies{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:800px;margin:1em auto;opacity:1}@media (prefers-reduced-motion: reduce){.Technologies{transition:none;transform:none}.Technologies .technology{transition:none;transform:none;opacity:1}}.Technologies .technology{transition:opacity .4s ease-out,transform .4s ease-out;transition-delay:calc(var(--i, 0) * .2s);opacity:1;transform:translateY(0);border-radius:4px;padding:4px 8px;font-size:14px;display:inline-flex;align-items:center}.Technologies.unrevealed :is(.Technologies .technology){opacity:0;transform:translateY(16px);transition-delay:0ms}.Technologies .technology img{width:1em;height:1em;margin-right:.5em}.Title{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding-bottom:4em;padding-top:2em}.Title .Logo{font-size:4em;margin:.7em 0 0}.Title p{text-align:center;color:#8c8c8c;font-weight:600;text-transform:capitalize}.Title .github{position:absolute;top:1em;right:1em;transition:transform 50ms ease-out}.Title .github img{width:2em;height:2em}.Title .github:hover{transform:scale(1.2)}.Logo{font-family:Archivo Black,sans-serif;text-transform:uppercase;text-align:center;color:#1e1e1e;margin-bottom:0;-webkit-user-select:none;user-select:none}.Logo span{color:var(--red)}.Logo strong{font-size:1.2em}.Image{max-width:600px;max-height:600px;box-shadow:.5em .5em #00000040;border-radius:2px}@media (max-width: 700px){.Image{max-width:100%;max-height:100%}}.Chunk{max-width:600px;margin:2em;transition:opacity .5s ease-out,transform .5s ease-out}@media (max-width: 700px){.Chunk{margin:1em}}@media (max-width: 500px){.Chunk{margin:0}}.Chunk.unrevealed{opacity:0;transform:translateY(24px)}.Chunk.unrevealed p{opacity:0;transform:translate(-32px)}@media (prefers-reduced-motion: reduce){.Chunk{transition:none;transform:none;opacity:1}}.Chunk p{color:#fff9;font-style:italic;min-height:3em;transition:opacity .5s ease-out,transform .5s ease-out}.Pixel{padding-bottom:4em}.Pixel .heading{position:relative;z-index:20;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;gap:2rem;width:512px;margin:1.5em auto .5em}.Pixel .heading .Logo{font-size:2em;text-shadow:-1px -1px 0 #ffffff73,1px -1px 0 #ffffff73,-1px 1px 0 #ffffff73,1px 1px 0 #ffffff73}.Pixel .heading .Logo,.Pixel .heading .Logo *{transition:color .3s ease-out,text-shadow .3s ease-out}.Pixel .heading h2{opacity:.5;margin:.2em 0 0;transition:opacity .3s ease-out}.Pixel .heading:not(:hover) .Logo{text-shadow:none}.Pixel .heading:not(:hover) .Logo,.Pixel .heading:not(:hover) .Logo *{color:#453737}.Pixel .heading:not(:hover) h2{opacity:.35}.Pixel .resume-link{margin:0 auto;display:block;font-size:.7em;font-weight:700;opacity:.7;cursor:pointer;transition:opacity .1s ease-out,transform .1s ease-out;width:fit-content}.Pixel .resume-link:hover{opacity:1;transform:scale(1.1)}.Pixel .top-fade,.Pixel .bottom-fade{pointer-events:none;position:fixed;left:0;width:100%;height:10vh;z-index:10}.Pixel .top-fade{top:0;background:linear-gradient(180deg,#aca4a4,#f0eded00)}.Pixel .bottom-fade{bottom:0;background:linear-gradient(0deg,#aca4a4,#f0eded00)}.PixelGallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(512px,max-content));justify-content:center;gap:1em;margin:2em 0}.PixelGallery:has(.image:hover) .image{opacity:.5}.PixelGallery:has(.image:hover) .image:hover{opacity:1}.PixelGallery .image{position:relative;border-radius:1em;box-shadow:.5em .5em 16px #3934342d;overflow:hidden;background-color:#8f8787;width:100%;height:100%;background-size:cover;transform:scale(1.05);transition:opacity .5s ease-out,filter .3s ease-out,transform .3s ease-out;cursor:pointer}.PixelGallery .image .description{position:absolute;bottom:0;left:0;width:100%;margin:0;color:#fff;font-weight:700;font-size:.8em;padding:1.25em .75em 1em;transition:bottom .2s ease-out,opacity .2s ease-out,filter .2s ease-out;text-align:center;background:linear-gradient(180deg,#0000,#00000080 50%);box-sizing:border-box}.PixelGallery .image:not(:hover){transform:scale(1);transition:transform .1s ease-out,opacity .5s ease-out,filter .1s ease-out}.PixelGallery .image:not(:hover) .description{bottom:-5em;opacity:0;filter:blur(.5em)}.PixelGallery .image:hover{z-index:100}.PixelGallery .unrevealed{opacity:0}.PixelGallery .unrevealed .image{opacity:0;filter:blur(.5em)}.LargePixel{width:512px;height:512px;transition:opacity .5s ease-out;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.MediumPixel{width:512px;height:512px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1em}.SmallPixel{width:512px;height:512px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:1em}.PixelResume{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:100%;padding:1em;box-sizing:border-box;background:#aca4a4;z-index:100;transition:transform .3s ease-out,opacity .3s ease-out}.PixelResume h3{margin-bottom:0;margin-top:2em}.PixelResume ul{margin-top:.5em;padding-left:1em;font-size:.9em}.PixelResume:after{content:"";pointer-events:none;position:absolute;top:0;left:100%;width:4em;height:100%;background:linear-gradient(90deg,#aca4a4,#f0eded00)}.PixelResume:not(.visible){transform:translate(-150%);opacity:0}.Popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background:#aca4a47a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .3s ease-out,backdrop-filter .3s ease-out}.Popup .popup-image{width:auto;height:auto;max-width:90%;max-height:90%;border-radius:1em;box-shadow:.5em .5em 16px #3934342d;background-color:#8f8787;background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s ease-out,filter .3s ease-out;opacity:1;filter:blur(0px)}.Popup .popup-image.loading{opacity:0;filter:blur(10px)}.Popup:not(.visible){pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.Popup:not(.visible) .popup-image{opacity:0;filter:blur(10px)}.Popup .popup-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;z-index:200}