@import url(https://fonts.googleapis.com/css2?family=Nabla&family=Source+Code+Pro:wght@200;300;500&display=swap);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{--background:#070904;--background-lighter:#1e1f1d;--text:#eaf0de;--text-dark:#b9bdb1;--text-darker:#91948b;--primary:#62cfe2;--primary-dark:#387883;--accent:#923fe6;--highlight-orange:#ff6c2c;--highlight-pink:#de048c;--highlight-blue:#2e14f5;--github:#6cc644}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#070904;background-color:var(--background);overflow-x:hidden}#root{position:relative}::-webkit-scrollbar{background-color:initial;width:12px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#1e1f1d;background-color:var(--background-lighter);border-radius:6px}.container{max-width:1200px}.home{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100vw}.home:before{background:linear-gradient(to bottom,var(--primary),var(--background) 70%,var(--background));z-index:-6}.home:after,.home:before{content:"";height:100vh;left:0;position:absolute;top:0;width:100vw}.home:after{background:linear-gradient(180deg,#0a0a0ab3,#0a0a0a1a 70%,#0a0a0ae6);z-index:-1}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.title-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.name{font-size:12.4rem}.name,.short-desc{color:var(--text);font-family:Source Code Pro,sans-serif;text-transform:uppercase}.short-desc{font-size:2.8rem}.see-more{background-color:#fff;display:none}#canvas{left:0;z-index:-5}#canvas,.nav{position:absolute;top:0}.nav{align-items:center;display:flex;height:7.6rem;justify-content:center;left:50%;transform:translateX(-50%);width:100vw;z-index:99}.nav-item{align-items:flex-end;cursor:pointer;display:flex;flex-direction:column;font-family:Source Code Pro,sans-serif;padding:2rem}.not-hovered .nav-item-index,.not-hovered .nav-item-name{color:var(--text-darker)}.nav-item-index{color:var(--text-dark);font-size:1.2rem;transition:color 1s ease}.nav-item-name{color:var(--text);font-size:2.4rem;margin-top:-.5rem;transition:color .3s ease}.sticky-nav{animation:slide .3s ease forwards;animation-iteration-count:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:5.6rem;position:fixed}.sticky-nav .nav-item{align-items:flex-end;cursor:pointer;display:flex;flex-direction:column;font-family:Source Code Pro,sans-serif;padding:2rem}.sticky-nav .not-hovered .nav-item-name,.sticky-nav.not-hovered .nav-item-index{color:var(--primary-dark)}.sticky-nav .nav-item-index{color:var(--primary);font-size:.8rem;transition:color 1s ease}.sticky-nav .nav-item-name{color:var(--primary);font-size:1.8rem;margin-top:-.5rem;transition:color .3s ease}@keyframes slide{0%{transform:translateY(-100%) translateX(-50%)}to{transform:translateY(0) translateX(-50%)}}.expertise{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:center;min-height:100vh;padding:12rem 0 0;width:100vw}.expertise .section-title{color:var(--text);font-family:Source Code Pro,sans-serif;font-size:8.6rem;margin-top:10rem;text-transform:uppercase}.skills{display:flex;flex-direction:column;gap:4rem;width:70%}.skill{border:2px solid var(--text);border-radius:2rem;color:var(--text);display:grid;font-family:Source Code Pro,sans-serif;grid-template-columns:1fr 1fr;padding:3rem 2rem;transition:transform .3s ease-out}.skill:hover{transform:scale(103%)}.skill:nth-child(2n) .skill-title-section{grid-column:2;grid-row:1}.skill:nth-child(2n) .skill-desc-section{grid-column:1;grid-row:1}.skill-desc-section,.skill-title-section{align-items:center;display:flex;padding:0 2rem}.skill-title-section{gap:2rem}.skill-name{font-size:3.6rem;position:relative}.skill-image{height:5.8rem;width:5.8rem}.skill-desc{font-size:1.8rem}.skill .skill-title-section .skill-name:before{content:"";height:30%;left:0;position:absolute;top:60%;width:100%;z-index:-2}.skill:first-child .skill-title-section .skill-name:before{background-color:var(--highlight-blue)}.skill:nth-child(2) .skill-title-section .skill-name:before{background-color:var(--highlight-pink)}.skill:nth-child(3) .skill-title-section .skill-name:before{background-color:var(--highlight-orange)}.work{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:center;min-height:100vh;padding:12rem 0 4rem;width:100vw}.section-title{color:var(--text);font-family:Source Code Pro,sans-serif;font-size:8.6rem;margin-bottom:5rem;margin-top:10rem;text-transform:uppercase}.projects{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(6,1fr);grid-template-rows:auto;width:80%}.project{background-color:var(--background-lighter);border-radius:2rem;max-height:52rem;min-height:26rem;overflow:hidden}.project-image-container{cursor:pointer;height:70%;overflow:hidden;width:100%}.project-image-container .project-image{object-fit:cover;transition:transform .3s ease-out;vertical-align:top;width:100%}.project-image:hover{transform:scale(105%)}.project-title-section{display:flex;flex-direction:column;font-family:Source Code Pro,sans-serif;gap:3rem;height:30%;padding:3rem;width:100%}.tools-and-links{display:flex;justify-content:space-between}.project-title{-webkit-touch-callout:none;border-bottom:4px solid #0000;color:var(--text);cursor:pointer;display:inline;font-size:2.4rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.project-title:hover{border-bottom:4px solid var(--text)}.links-container{gap:4rem}.links-container,.project-link{align-items:center;display:flex}.project-link{cursor:pointer;gap:1rem;height:3.2rem}.project-link svg{height:100%;width:100%}.project-link span{color:var(--text);font-size:1.8rem}.tools{gap:1rem}.tool,.tools{align-items:center;display:flex;justify-content:center}.tool{border-radius:1rem;height:4.8rem;padding:.5rem;position:relative;width:4.8rem}.tool img{height:100%;width:100%}.project{grid-row:span 3}.small{grid-column:span 2}.medium{grid-column:span 3}.large{grid-column:span 4}.hidden{display:none}.link-icon path{stroke:var(--text);transition:stroke .3s ease-out,transform .3s ease-out}.github-hover path{stroke:var(--github);transform:scale(110%)}.link-hover path{stroke:var(--primary);transform:scale(110%)}.tool-label{background-color:var(--background);border:5px;bottom:-10px;color:var(--text);cursor:pointer;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:999}.tool:hover .tool-label{opacity:1}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modal-content{background-color:var(--background);border:3px solid var(--text);border-radius:10px;max-width:1400px;padding:40px;position:relative;width:1100px;z-index:999}.close-btn{background-color:initial;border:none;cursor:pointer;height:40px;position:absolute;right:10px;top:10px;width:40px}.close-btn:hover{color:#666}.modal-project-title{color:var(--text);font-size:56px;margin-bottom:10px}.modal-project-image-container{border:2px solid var(--text);border-radius:5px;margin-right:40px;max-height:500px;overflow:hidden;width:600px}.modal-project-image{height:auto;max-width:100%;object-fit:cover;width:100%}.modal-tools{margin-bottom:30px}.modal-tools-and-links{display:flex;justify-content:space-between}.modal-links{display:flex;gap:30px}.modal-links .project-link{height:50px;width:50px}.modal-tools .tool{display:inline-block;height:60px;width:60px}.modal-tools .tool .tool-label{border:1px solid var(--text);border-radius:5px}.modal-project-description{color:var(--text);flex:1 1;font-size:34px;font-size:24px}.modal-details{display:flex}.contact{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;height:30rem;margin-top:10rem;width:100vw}.contact-section-title{background-color:var(--background-lighter);color:var(--text);font-family:Source Code Pro,sans-serif;padding:5rem}.contact-section-title h1{font-size:6.4rem}.contact-section-title h3{font-size:1.8rem;margin-left:2rem}.contact-section{background-color:var(--accent);display:flex;flex-direction:column;gap:4rem;justify-content:center;padding-left:5rem}.contact-container{align-items:center;display:flex;gap:3rem}.contact-text a{color:var(--text);font-family:Source Code Pro,sans-serif;font-size:1.8rem;text-decoration:none}.contact-text{transition:transform .3s ease}.contact-text:hover{transform:scale(110%)}.contact-svg-container{height:3rem;width:3rem}.contact-svg-container svg{height:100%;width:100%}.contact-svg-container svg path{stroke:var(--text)}
/*# sourceMappingURL=main.5cb8834a.css.map*/