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}:root{--primary-color:#4a90e2;--secondary-color:#1c3a63;--accent-color:#50e3c2;--background-color:#1a1a2e;--text-color:#fff;--pattern-url:url(/static/media/triple.6c4d83272cfbd16be3c6.png)}body,html{background:#1a1a2e;background:var(--background-color);margin:0;padding:0;scroll-behavior:smooth;z-index:-2}body{color:#fff;color:var(--text-color);font-family:Roboto,sans-serif}.App,body{display:flex;flex-direction:column}.App{min-height:100vh;position:relative;z-index:0}.App:before{background:url(/static/media/triple.6c4d83272cfbd16be3c6.png) repeat;background:var(--pattern-url) repeat;content:"";filter:invert();inset:0;opacity:.035;pointer-events:none;position:absolute;z-index:-1}.WIP-header{align-items:center;background-color:#f8d7da;border:1px solid red;border-radius:10px;color:#721c24;display:flex;flex-direction:column;justify-content:center;margin:5px;padding:20px}.WIP-title{font-size:24px;margin:0}.WIP-text{font-size:16px;margin:10px 0 0}.WIP-link{background:none;border:2px solid #721c24;border-radius:10px;color:#721c24;margin:1em;padding:.5em;text-decoration:none}.WIP-link:hover{background-color:#721c24;color:#f8d7da;text-decoration:underline}.about-me{color:var(--text-color)}.about-me,.name{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2em;text-align:center}.name-subtitle,.name-title{color:var(--text-color);font-weight:100}.name-title{font-size:4em;margin-bottom:.1em}.name-subtitle{font-size:1em;margin-top:.1em}.about{align-items:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;text-align:justify}.about-title{color:var(--primary-color);font-size:2em;max-width:5em}.about-text{color:var(--text-color);font-size:1em;max-width:50em}.project-button{transition:all .3s ease-in-out}.project-scroll-link{color:var(--primary-color);font-size:1.5em;text-align:center;text-decoration:none;transition:color .3s ease-in-out}.project-button:hover .project-scroll-link{color:var(--background-color);text-decoration:underline}.scroll-container{overflow:auto;white-space:nowrap}.projects-title{font-size:2em;margin-left:.5em}.category-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px}.category-buttons button{background:none;border:none;border-radius:10px;color:var(--primary-color);cursor:pointer;font-size:1rem;margin:5px;padding:10px 20px;transition:all .3s ease}.category-buttons button:hover{opacity:50%}.category-buttons button.selected,.category-buttons button:hover{background-color:var(--primary-color);color:var(--background-color)}.category-buttons button.selected{font-size:1.3em;font-weight:700;opacity:100%}.card-container{border-radius:10px;box-shadow:0 0 10px #0003;display:inline-block;height:400px;margin:1em;overflow:hidden;position:relative;width:400px}.card-preview{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;overflow:hidden;width:100%}.card-image{border-radius:1em;display:block;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.card-info{align-items:center;background:#000000b3;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:1em;position:absolute;top:0;transition:opacity .5s ease;width:100%}.card-container:hover .card-preview{opacity:.7}.card-container:hover .card-info{opacity:1}.card-container:hover .card-image{transform:scale(1.05)}.card-tags{flex-wrap:wrap;gap:.5em;width:100%}.card-tags,.tag-container{align-items:center;display:flex;justify-content:center}.tag-container{border:.15em solid;border-radius:25px;gap:.3em;padding:.5em}.tag-icon{height:1.5em;object-fit:scale-down;width:1.5em}.tag-name{margin:0}.timeline-container{position:relative;width:100%}.timeline-line{background:#fff;border-radius:2px;box-shadow:0 0 8px 2px #ffffff4d,0 0 16px 4px #50e3c212;position:absolute;transform-origin:top;transition:transform .3s cubic-bezier(.77,0,.175,1);width:4px;z-index:0}.timeline-line.visible{transform:scaleY(1)}.experience-section{align-items:center;display:flex;gap:4em;justify-content:center}.experience-point{align-items:center;display:flex;gap:3em;justify-content:flex-end;width:60%}.dot{background-color:#fff;border:solid #fff;border-radius:50%;height:1em;width:1em}.experience-tags{display:flex;gap:1em;justify-content:flex-start}.experience-container{border:solid var(--primary-color);border-radius:15px;display:flex;flex-direction:column;margin:2em 7em;padding:.5em 1em;width:100%}.experience-header{align-items:center;display:flex;gap:1em;justify-content:flex-start}.experience-company{width:2em}.experience-logo{background-color:#fff;border-radius:50%;height:3em;object-fit:contain;width:3em}.resume-header{display:flex;justify-content:space-between}.resume-location{align-items:center;display:flex;gap:.5em;justify-content:center}.location-icon{height:1.5em;width:1.5em}.project-button{align-items:center;background:none;border:2px solid var(--primary-color);border-radius:10px;color:var(--primary-color);display:flex;font-size:1em;justify-content:center;margin:.5em;padding:.5em 1em;text-align:center;text-decoration:none;transition:all .2s ease-in-out}.project-button:hover{background-color:var(--primary-color);color:var(--background-color);cursor:pointer;text-decoration:underline}.work-title{margin-left:.5em}.social{background:none;border:2px solid var(--primary-color);border-radius:10px;height:4em;margin:.5em;padding:.5em 1em;text-decoration:none;transition:all .3s ease-in-out}.social,.social .icon{align-items:center;display:flex;justify-content:center}.social .icon{color:var(--primary-color);margin-right:.5em;transition:color .3s ease-in-out}.social .icon,.social svg{height:2.5em;width:2.5em}.social p{color:var(--text-color);font-size:1em;margin-right:.5em}.social:hover{background-color:var(--primary-color);cursor:pointer}.social:hover .icon,.social:hover p{color:var(--background-color)}.footer{padding:1em 0}.footer-text-container,.socials{align-items:center;display:flex;justify-content:center}.footer-text-container{margin-top:1em}.project-page{display:flex;flex-direction:column}.project-section{display:flex;flex-direction:column;height:100vh;justify-content:space-between;margin:0;overflow:hidden;padding:1em;position:relative;width:100%}.project-section,.project-section:before{background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:0}.project-section:before{background-blend-mode:darken;background-color:#00000080;background-image:inherit;bottom:-10px;filter:blur(5px);left:-10px;right:-10px;top:-15px}.project-section:after,.project-section:before{content:"";pointer-events:none;position:absolute}.project-section:after{background:linear-gradient(to bottom,#1a1a2eb3,#0000 15%),linear-gradient(to top,var(--background-color),#0000 30%);inset:0;z-index:1}.project-section>*{position:relative;z-index:2}.return-container{margin:1em}.return-container,.return-content{display:flex;justify-content:flex-start}.return-content{align-items:center;gap:.5em;height:3em;margin-bottom:2em;margin-top:2em;padding-left:1em;text-decoration:none;transition:padding .5s ease}.return-arrow{align-items:center;color:var(--text-color);display:flex;justify-content:center;transition:opacity .2s ease}.return-arrow,.return-arrow svg{height:2.5em;width:2.5em}.return-text{color:var(--text-color);opacity:1;transition:opacity .2s ease}.return-content:hover{padding-left:0}.return-content:hover .return-arrow{opacity:.7}.return-content:hover .return-text{opacity:.7;text-decoration:underline}.project-title{font-size:4em}.project-description{font-size:larger}.project-tags{align-items:center;display:flex;gap:1em;justify-content:flex-start;margin-bottom:1em}.project-separator{background:linear-gradient(90deg,#c8c8c8b3,#c8c8c8b3 80%,#c8c8c800);border:none;border-radius:1em;height:2px;margin:2em 0;opacity:1;width:50%}.project-links{gap:1em;justify-content:flex-start;margin-block:1em}.project-link,.project-links{align-items:center;display:flex}.project-link{border:solid #fff;border-radius:5px;color:var(--text-color);gap:.5em;justify-content:center;padding:.5em;text-decoration:none;transition:all .3s ease-in-out}.project-link:hover{background-color:var(--text-color);color:#000;text-decoration:underline}.link-icon{align-items:center;height:2.5em;width:2.5em}.link-icon,.seemore-container{display:flex;justify-content:center}.seemore-container{margin-bottom:5vh}.seemore-content{flex-direction:column;height:3em;text-decoration:none;transition:transform .5s ease}.seemore-arrow,.seemore-content{align-items:center;display:flex;justify-content:center}.seemore-arrow{color:var(--text-color);transition:opacity .2s ease}.seemore-arrow,.seemore-arrow svg{height:2.5em;width:2.5em}.seemore-text{color:var(--text-color);margin:0;opacity:1;transition:opacity .2s ease}.seemore-content:hover{transform:translateY(1em)}.seemore-content:hover .seemore-arrow{opacity:.7}.seemore-content:hover .seemore-text{opacity:.7;text-decoration:underline}.project-showcase{grid-gap:10px;display:grid;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(3,1fr);margin:0 2em}.showcase-item{aspect-ratio:1;border-radius:10px;box-shadow:0 0 10px #0003;height:100%;overflow:hidden;width:100%}.video-item{display:grid;height:100%;width:100%}.video-footage{object-fit:contain;position:relative}.video-blur,.video-footage{grid-area:1/1;height:100%;width:100%}.video-blur{filter:blur(8px);object-fit:cover;opacity:.8}
/*# sourceMappingURL=main.c47f6628.css.map*/