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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.projects-section{color:#ccd6f6;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding-top:4rem;width:fit-content}.projects-title{align-items:center;color:#ccd6f6;display:flex;font-family:Arial,sans-serif;font-size:1.4rem;gap:1rem;margin-bottom:3rem;text-align:left}.projects-title:after{background-color:#8892b05e;background-color:#8892b081;content:"";display:block;flex-grow:1;height:1px;margin-left:1rem;margin-top:.5rem;width:200px}.project-list{grid-gap:1.7rem;display:grid;gap:1.7rem;grid-template-columns:repeat(3,1fr);width:100%}.project-card{background-color:#6affe60d;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:27vh;justify-content:space-between;max-width:250px;padding:.7rem 1.7rem;position:relative;transition:background-color .3s ease,transform .3s ease;width:30%;width:100%}.card-link-wrapper{color:inherit;display:block;height:100%;text-decoration:none}.project-card:hover{background-color:rgba(18,255,235,.096)}.card-header{align-items:center;display:flex;justify-content:space-between}.card-image{height:4vh;margin-bottom:4vh;padding-top:1vh;width:4vh}.github-logo{align-items:right;display:block;height:2vh;margin:0;padding:0;width:auto}.github-box{align-items:center;border:1px solid #4fc9ad;border-radius:4px;box-sizing:border-box;display:flex;height:3vh;justify-content:center;margin-bottom:3.5vh;padding:0;position:absolute;right:17px;top:17px;transition:background-color .3s ease,border-color .3s ease;width:3vh;z-index:2}.github-box:hover{background-color:#4fc9ad;cursor:pointer}.github-box:hover .github-logo{filter:brightness(0) saturate(100%) invert(13%) sepia(8%) saturate(4621%) hue-rotate(165deg) brightness(95%) contrast(97%)}.card-title{font-size:1rem;height:2vh;margin:0;text-align:center}.card-desc{color:#ccd6f6a9;flex-grow:1;font-size:.85rem;overflow:hidden;text-align:left}.tech-used{box-sizing:border-box;color:#64ffda;font-family:Fira Code,monospace;font-size:.7rem;margin-top:0;overflow-wrap:break-word;text-align:right;white-space:normal;width:100%;word-break:break-word}@media (max-width:1024px){.project-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.project-list{grid-template-columns:1fr;justify-items:center}.tech-used{font-size:.65rem;text-align:center}}@media (max-height:850px){.card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;margin-top:2rem;overflow:hidden;text-overflow:ellipsis}}@media (max-height:750px){.card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-top:2rem;overflow:hidden;text-overflow:ellipsis}.tech-used{margin-top:-.5rem}}.contact-section{color:#ccd6f6;margin:0 auto;max-width:600px;padding-bottom:17rem;padding-top:15rem;text-align:center}.contact-title{align-items:center;color:#ccd6f6;display:flex;font-family:Arial,sans-serif;font-size:1.4rem;gap:1rem;margin-bottom:3rem;text-align:left}.contact-title:after{background-color:#8892b05e;background-color:#8892b081;content:"";display:block;flex-grow:1;height:1px;margin-left:1rem;margin-top:.5rem;width:200px}.contact-description{color:#8892b0;font-size:1rem;margin-bottom:2rem;text-align:left}.identity-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.contact-form{display:flex;flex-direction:column;gap:1rem}.email-box,.message-box,.name-box{background-color:initial;color:#ccd6f6;padding:.75rem}.email-box,.message-box,.name-box,.submit-button{border:1px solid #64ffda;border-radius:5px;font-family:Fira Code,monospace}.submit-button{align-items:center;align-self:flex-end;background:none;color:#64ffda;cursor:pointer;display:flex;justify-content:center;padding:.3rem;text-decoration:none;transition:background-color .3s ease,color .3s ease;width:fit-content}.submit-button:hover{background-color:#64ffda;color:#0a192f}.submit-button:hover .submit-icon{filter:brightness(0) saturate(100%) invert(13%) sepia(8%) saturate(4621%) hue-rotate(165deg) brightness(95%) contrast(97%)}.submit-icon{height:3vh;width:3vh}.confirmation-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.checkmark-image{height:60px;width:60px}.confirmation-container,.contact-form{height:0;opacity:0;overflow:hidden;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.hidden{opacity:0;position:absolute;visibility:hidden}.visible{height:auto;opacity:1;overflow:visible;transition:opacity .3s ease;visibility:visible}.contact-form-wrapper{max-height:300px;min-height:300px;position:relative}.social-bar{align-items:center;bottom:0;display:flex;flex-direction:column;left:3.5rem;position:fixed;z-index:100}.social-bar ul{list-style:none;margin:0;padding:0}.social-bar li{margin:1rem 0}.social-bar img{filter:grayscale(100%) brightness(80%);height:24px;transition:filter .3s ease;width:24px}.social-bar img:hover{filter:none}.vertical-line{background-color:#8892b0;height:170px;margin-top:1rem;width:1px}body{background-color:#0a192f;color:#ccd6f6;margin:0;padding:0}html{scroll-behavior:smooth}@font-face{font-family:Minimalist;font-style:normal;font-weight:400;src:url(/static/media/Minimalist%20School.101374bd80c27d61ec39.ttf) format("truetype")}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;src:url(/static/media/FiraCode-Regular.56402a6df7b1f107e9c4.ttf) format("truetype")}.pageTitle{align-items:center;color:#ccd6f6;display:flex;font-family:Arial,sans-serif;font-size:1.4rem;gap:1rem;margin-bottom:3rem;text-align:left}.pageTitle:after{background-color:#8892b05e;background-color:#8892b081;content:"";display:block;flex-grow:1;height:1px;margin-left:1rem;margin-top:.5rem;width:200px}.pageContent{animation:fadeIn;animation-duration:3s;text-align:left}.languages{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem}.language-item{align-items:center;background-color:#0f0e0e;border-radius:10px;display:flex;gap:.8rem;padding:.5rem 1rem;transition:transform .2s ease}.language-logo{height:40px;object-fit:contain;width:40px}.landing-container{align-items:flex-start;color:#c3cff8;display:flex;flex-direction:column;height:80vh;justify-content:center;margin-left:auto;margin-right:auto;max-width:900px;padding:5rem 2rem 2rem 15rem;text-align:left}.intro-text{color:#64ffda;font-family:Fira Code,monospace;font-size:.9rem;margin-bottom:0}.main-name{color:#ccd6f6;font-size:3rem;text-align:left}.main-name,.main-role{font-weight:700;margin:0}.main-role{color:#8892b0;font-size:2.5rem}.description-text{color:#8892b0;font-size:1.1rem;line-height:1.6;margin-bottom:4rem;max-width:600px;text-align:left}.highlight-link{color:#64ffda;text-decoration:none;transition:color .3s ease}.button-container{display:flex;gap:1.5rem}.learn-more-button,.resume-button{background:none;border:1px solid #64ffda;border-radius:5px;color:#64ffda;cursor:pointer;font-family:Fira Code,monospace;font-size:1.1rem;padding:.8rem 2rem;text-decoration:none;transition:background-color .3s ease,color .3s ease;width:fit-content}.learn-more-button:hover,.resume-button:hover{background-color:#64ffda;color:#0a192f}.navbar{background-color:#0a192f;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem;position:fixed;top:0;width:97%;z-index:1000}.nav-link{color:#64ffda;font-family:Fira Code,monospace;font-size:.8rem;margin-left:1rem;text-decoration:none}.nav-link:hover{text-decoration:underline}.skills-section{color:#ccd6f6;display:flex;flex-direction:column;height:80vh;justify-content:center;margin:0 auto;padding:2rem 0;width:40%}.languages-section{width:25%}.section1Title{font-size:20px;margin-bottom:0;text-align:left}.skills-tabs-container{align-self:flex-end;display:flex;flex-direction:row;width:700px}.tabs-header{align-items:flex-start;background-color:#0a192f;border-radius:10px;display:flex;flex-direction:column;gap:0;margin:.25rem;min-width:150px;position:relative}.tab-button{background:#0000;border:none;border-radius:10px;color:#8892b0;cursor:pointer;font-family:Fira Code,sans-serif;font-size:.75rem;padding:.5rem;text-align:left;transition:all .3s ease;width:100%}.active-tab{background-color:rgba(100,255,219,.055);color:#64ffda;transition:transform .3s ease}.active-tab:after{background:#64ffda;content:"";display:block;width:100%}.tab-content{border-radius:8px;justify-content:center;padding:.25rem}.tab-button:hover{background-color:rgba(100,255,219,.055);color:#64ffda}.tabs-header button{border:none;cursor:pointer;font-family:Fira Code,monospace;font-size:.85rem;position:relative;transition:color .3s ease}.tabs-header button:after{background-color:#64ffda;bottom:4px;content:"";display:block;height:2px;left:0;max-width:fit-content;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.tabs-header .active-tab:after{transform:scaleX(1)}.tabs-header button:hover:after{width:100%}.skill-icon{height:80px;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s linear,top .3s linear,left .3s linear;width:80px}.skill-item{align-items:center;background-color:rgba(100,255,219,.055);border-radius:10px;display:flex;flex-direction:column;font-family:Arial,monospace;font-weight:700;gap:.8rem;height:12rem;justify-content:center;padding:.5rem;position:relative;transition:transform .3s ease,border .3s linear,box-shadow .3s linear;width:14rem}.skill-item,.skill-item *{cursor:default}.skill-item:hover{border:2px solid #64ffda;box-shadow:0 0 10px #64ffda4d}.skills-grid{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.tab-content{animation:fadeIn .3s ease forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.soft-skills-list{list-style:disc inside;padding-left:1rem}.skillName{bottom:10%;display:flex;left:50%;transform:translateX(-50%)}.skill-details,.skillName{position:absolute;text-align:center}.skill-details{color:#8892b0;display:none;font-size:.8rem;left:0;list-style:none;margin-top:.5rem;padding-left:0;top:1rem;width:100%}.skill-details li{margin-bottom:.5rem}.skill-item:hover span{display:none}.skill-item:hover .skill-icon{left:60%;top:60%;transform:translate(0) scale(.5);transition:transform .3s ease}.skill-item:hover .skill-details{display:block}.nodejs-icon{filter:brightness(0) saturate(100%) invert(63%) sepia(14%) saturate(644%) hue-rotate(124deg) brightness(95%) contrast(92%)}
/*# sourceMappingURL=main.02f83deb.css.map*/