@import url(https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&family=Offside&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&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{--TextColor:#6eacda;--TitleText:"Offside",serif;--MainText:"Source Sans 3",serif}body,html{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;height:100%;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth;width:100%}body:before{background-blend-mode:darken;background-color:#021526d9;background-image:url(/static/media/backround.7ecd00bc1659fc859886.jpg);background-position:50%;background-size:cover;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.about,.home,.projects,.skillset{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:100dvh;text-align:center;width:100%}.section-title{color:#6eacda;color:var(--TextColor);display:block;font-family:Offside,serif;font-family:var(--TitleText);font-size:4rem;margin-bottom:4rem}.header{align-content:center;align-items:center;background-color:#02152640;border-radius:0 0 2rem 2rem;display:flex;height:9vh;position:fixed;top:0;width:100vw;z-index:100}.header a{font-family:Offside,serif;font-family:var(--TitleText);font-size:2.5rem;margin:.5rem 0 1rem 5rem;text-decoration:none}.header a,.headerText{color:#6eacda;color:var(--TextColor)}.headerText{display:inline-flex;font-family:Nothing You Could Do,serif;font-size:3rem;margin:.5rem 0 .5rem 2rem;width:48vw}.navigation-container{align-content:end;display:inline-flex;justify-content:end;padding:0;width:48vw}.mobile-container{align-content:center;display:none;justify-content:end;width:48vw}.mobile-icon{color:#6eacda;color:var(--TextColor);display:inline-block;font-size:3rem;margin:.5rem 0 .5rem 2rem}.home p{display:block;font-size:3rem}.home a{color:#6eacda;color:var(--TextColor)}.home .name{font-size:8rem}.home .main-container{justify-items:center;margin:12rem 0;width:-webkit-fit-content;width:fit-content}.socials{align-items:center;background-color:#6eacda1a;border-radius:10rem;display:flex;height:8vh;justify-content:center;width:45rem}.socials a{display:flex;margin:1rem;text-underline-offset:.5rem}.socials a:hover{text-underline-offset:.8rem;transition:.2s ease-in-out}.socials span{font-size:1.5rem}.home p,.socials span{color:#6eacda;color:var(--TextColor);font-family:Source Sans\ 3,serif;font-family:var(--MainText)}.home p{font-size:2rem;margin:1rem}.socials img{aspect-ratio:1;height:2.3rem;padding:0 .5rem}.about .main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:80vw}.about img{aspect-ratio:1;border:1rem outset #0215261a;display:block;height:20rem;margin:3rem}.about span{color:#6eacda;color:var(--TextColor);display:block;font-family:Source Sans\ 3,serif;font-family:var(--MainText);font-size:3rem;text-align:center}.skillset .main-container{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;margin-top:8rem}.skillset .skillTitle{color:#6eacda;color:var(--TextColor);font-family:Source Sans\ 3,serif;font-family:var(--MainText);font-size:3rem;margin:0;padding-top:1rem;white-space:nowrap}.skillset .skills-list{display:flex;flex:1 1;flex-wrap:wrap;gap:1rem}.skillset .skillItem{align-items:center;display:flex;flex-direction:column;justify-content:center;width:7rem}.skillset img{aspect-ratio:1/1;display:block;height:4rem;margin-bottom:.5rem}.skillset .skillName{color:#6eacda;color:var(--TextColor);font-family:Source Sans\ 3,serif;font-family:var(--MainText);font-size:1.5rem;text-align:center}.projects .main-container{display:flex;flex-direction:column;max-width:1400px;width:90vw}.grid-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));width:100%}.project-card{background-color:#021526b3;border:1px solid #ffffff1a;border-radius:1rem;display:flex;flex-direction:row;height:16rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{border-color:#fff3;box-shadow:0 10px 30px #00000080;transform:translateY(-5px)}.image-container{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:40%}.project-image{height:90%;object-fit:contain;transition:transform .5s ease;width:90%}.project-card:hover .project-image{transform:scale(1.05)}.content-container{align-items:flex-start;color:#6eacda;color:var(--TextColor);display:flex;flex-direction:column;padding:1.5rem;text-align:left;width:60%}.card-header{justify-content:space-between;width:100%}.card-header,.project-title{align-items:center;display:flex}.project-title{font-family:Offside,serif;font-family:var(--TitleText);font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.external-link-icon{align-items:center;color:#6eacda;color:var(--TextColor);display:flex;font-size:1.5rem;transition:transform .2s}.external-link-icon:hover{color:#6eabda;transform:translate(2px,-2px)}.github-icon{color:#fff;font-size:2rem;opacity:.8;transition:opacity .5s}.github-icon:hover{opacity:1}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;flex-grow:1;font-family:Source Sans\ 3,serif;font-family:var(--MainText);font-size:1rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background-color:#6eabda26;border-radius:2rem;color:#6eacda;color:var(--TextColor);font-family:monospace;font-size:1rem;font-weight:500;padding:.25rem .75rem}@media only screen and (max-width:1200px){:root{font-size:90%}}@media only screen and (max-width:1000px){.header a{margin:.5rem 0 1rem 2rem}.home .social-text{font-size:3rem}.socials{height:8rem;width:50rem}.socials img{height:3rem}.socials span{font-size:2rem}.section-title{font-size:5rem}:root{font-size:80%}}@media only screen and (max-width:900px){.mobile-container{align-items:center;display:inline-flex;height:inherit}.headerText{display:inline-block;font-size:3rem}.header{align-content:center}.about img{height:25rem}.about span{font-size:2.5rem}.mobile-icon{font-size:5rem;height:-webkit-fit-content;height:fit-content;margin:0 2rem;width:-webkit-fit-content;width:fit-content;z-index:999}.skillset .main-container{flex-direction:column;gap:1rem}.skillset .skillTitle{flex:auto;margin-bottom:1rem;text-align:center;width:100%}.navigation-container,.skillset .skills-list{justify-content:center}.navigation-container{grid-row-gap:5rem;align-content:center;background-color:#021526;display:grid;height:100vh;left:0;margin:none;position:absolute;row-gap:5rem;text-align:center;top:0;transform:translateX(100%);transition:all .5s ease-in-out;width:100vw;z-index:99}.active .navigation-container{transform:translateX(0);transition:all .5s ease-in-out}.navigation-container a{font-size:5rem}.projects{height:-webkit-fit-content;height:fit-content;padding-bottom:5rem}.grid-container{grid-template-columns:1fr;width:100%}.project-card{flex-direction:column;gap:2rem;height:45rem}.image-container{height:40%;margin-top:2rem;width:100%}.project-image{height:100%;width:70%}.content-container{width:95%}.github-icon{height:2rem;margin:0 1rem 0 0;opacity:1}.github-icon,.project-title{font-size:3rem}.external-link-icon{font-size:2.5rem}.project-description{font-size:1.8rem;margin-bottom:1.5rem}.tech-tag{font-size:1.3rem;padding:.5rem 1rem}}@media only screen and (max-width:800px){:root{font-size:70%}}@media only screen and (max-width:700px){.socials{width:50rem}.socials span{color:#6eacda;color:var(--TextColor);font-family:Source Sans\ 3,serif;font-family:var(--MainText);font-size:2rem}.socials img{height:3rem}}@media only screen and (max-width:650px){.home .name{font-size:5.5rem}.skillset .main-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.section-title{font-size:5rem}.mobile-container{width:45vw}.socials{width:42rem}.socials span{color:#6eacda;color:var(--TextColor);font-family:Source Sans\ 3,serif;font-family:var(--MainText);font-size:1.7rem}.socials img{height:2.5rem}}@media only screen and (max-width:500px){:root{font-size:50%}}@media only screen and (max-width:350px){:root{font-size:40%}}
/*# sourceMappingURL=main.26c73f66.css.map*/