@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";#root{margin:0;padding:0;text-align:center;overflow-x:hidden;font-family:Fira Code;scroll-behavior:smooth}span.accent{color:#c778dd}.splash{height:100vh;width:100vw;display:flex;flex-wrap:wrap}@media (max-width: 1200px){.splash{flex-direction:column;align-items:center;height:auto}}#splash-left{background-color:#282c33;width:35vw;height:100vh;display:flex;justify-content:center;align-items:center}#splash-right{width:65vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}@media (max-width: 1200px){#splash-right{width:100vw}}.main-container{display:flex;align-items:center;width:80%}@media (max-width: 1200px){.main-container{flex-direction:column;height:fit-content}}.left-container{display:flex;align-items:center;position:relative;height:100%;flex-direction:column;flex-grow:1;text-align:left}.image-container{min-width:250px;max-width:50%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-right:solid #c778dd 1px;border-bottom:solid #c778dd 1px;border-radius:0 0 24px}.profile-picture{position:relative;border-radius:7px;width:100%;height:100%;max-height:350px}@media (max-width: 1200px){.profile-picture{max-height:180px}}.profile-picture img{width:100%;height:100%;object-fit:cover;object-position:45% center;border-radius:7px}.splash-para{flex-grow:1;align-content:center;font-size:.9em;max-width:80%}@media (max-width: 1200px){.splash-para{font-size:.8em}}.splash-para p{border-left:solid #c778dd 1px;border-top:solid #c778dd 1px}.splash-buttons{margin:20px;display:flex;gap:30px;width:80%;justify-content:center;align-items:center}@media (max-width: 1200px){.splash-buttons{flex-direction:column-reverse;gap:10px}}.btn{background-color:#181a1f;border-radius:14px;font-weight:600;font-size:.8em;color:#c778dd}.btn:hover{background-color:#202329}.btn p{padding:5px 10px;margin:0}#left-nav{position:fixed;display:flex;flex-direction:column;align-items:flex-start;justify-items:flex-start}@media (max-width: 1200px){#left-nav{position:initial}}#left-nav p{font-size:.8em}section.content{min-height:45vh;width:calc(65vw - 20px);display:flex;flex-wrap:wrap;justify-self:flex-end;justify-content:center;flex-direction:column;padding:0 10px;margin-bottom:50px}@media (max-width: 1200px){section.content{width:100vw;min-height:40vh;justify-self:center;padding:0}}#accent{color:#c778dd}.section-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0;row-gap:10px}@media (max-width: 1200px){.section-content{width:100vw}}.project-content h2{font-size:1.1em}.project-content p,.project-content a{font-size:.9em}.project-content p{-webkit-line-clamp:2;line-clamp:2;word-wrap:break-word}a{color:#fff}.primary-accent-color{color:#abb2bf}.Education-Container{display:flex;flex-direction:row;width:530px;min-height:fit-content}@media (max-width: 1200px){.Education-Container{width:80vw}}.education-container-left{width:120px}@media (max-width: 1200px){.education-container-left{width:55px;text-align:left}}.Education-Container h2{font-size:1.1em;margin:5px 5px 5px 0}.Education-Container p{font-size:.9em;margin:0}.line{background:#ABB2BF}.Education-Container .dot{background:#c778dd}.education-container-middle{margin-left:10px}@media (max-width: 1200px){.education-container-middle{margin-left:0}}.skills-container{width:600px}@media (max-width: 1200px){.skills-container{width:350px}}footer{font-size:.6666666667em;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:50px}.project-preview{display:flex;flex-direction:row;border-radius:5px;overflow:hidden;transition:.6s;margin-top:14px;margin-bottom:0;font-size:.9em}.project-preview:hover{margin-top:0;margin-bottom:14px;transition:.6s}.project-preview:hover>.project-content-wrapper{background:#202329;border-radius:5px;transition:.6s}.project-preview .project-image{position:relative;max-width:250px;aspect-ratio:16/9}.project-preview div{overflow:hidden}#home-projects-tags{display:flex;font-size:.9em;gap:0 20px;justify-content:start;flex-wrap:wrap;padding:10px 0 10px 15px;border-top:1px solid #ABB2BF;border-bottom:1px solid #ABB2BF}#home-projects-tags h5{font-weight:300;margin:0;border-radius:12px;padding:0 5px}#home-projects-title{font-weight:600;font-size:1.1em;padding:0;text-align:left;margin:15px 0 0 15px}#home-projects-link{flex-shrink:1;padding:7px;margin-left:15px;border:1px solid}#home-projects-link a{color:#abb2bf}#home-projects-link a:hover{color:#fff}#home-project-widgets{display:flex}.archived{color:gray;border:gray}.live,.released{color:#c778dd}.development{color:#abb2bf}.pill{font-size:.8em;background:#181a1f;color:#c778dd;font-weight:600}.arrow{height:1.5em;fill:#202329}.project-image{border:solid 2px #181a1f}.project-status{margin:0}#indicatorContainer{display:flex;gap:15px;margin:50px 0}.indicator{height:60px;width:25px;background-color:#c778dd;transition:.2 all}#error-message{font-size:.8em}nav ul{list-style:none;padding:0;display:flex;flex-direction:column;text-align:left;font-size:.9em;font-weight:500;width:200px}nav li{margin:10px 0;display:flex;align-items:center;gap:7px}nav li div{background:#ABB2BF}nav li a{text-decoration:none;color:#abb2bf;transition:color .3s}nav li.active a{color:#abb2bf;font-weight:600;font-size:1.1em}nav li.active div{background:#c778dd}#social-link img{height:30px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:#282C33;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{text-decoration:none}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){a:hover{color:#747bff}button{background-color:#f9f9f9}}