:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.back{position:fixed;top:0;left:0;width:110vw;height:110vh;background-image:url(/assets/code-backg-CBlBwqmb.gif);background-size:cover;background-repeat:no-repeat;background-position:center;filter:blur(8px);z-index:-1}.front{background-color:#000;margin:100px auto;border-radius:20px;position:relative;z-index:1}@media (min-width: 768px){.front{max-width:75%}}#hero,#experiences,#involvement,#projects,#skills,#resume{scroll-margin-top:80px}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:#f0f8ff}h1{font-size:4em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.project-title{text-align:center;font-size:30px;padding:20px;font-family:Barrio,system-ui;color:#eaeaea}.project-container{display:flex;justify-content:center;align-items:center;min-height:100px;gap:30px;flex-wrap:wrap}.project-card{background-color:#fff;color:#000;border-radius:10px;transition:all .3s ease-in-out,background-color .3s ease;padding:0rem;width:95vw;max-width:1000px;margin:0 auto;display:flex;align-items:center;min-height:170px;position:relative}.project-card:hover{border:2px solid #228B22}.bottom{display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:1rem 1rem 1.3rem;box-sizing:border-box;flex-wrap:nowrap}.left{display:flex;flex-direction:column;justify-content:flex-end;gap:.25rem;flex-grow:1;width:75%;text-align:left;transition:opacity .3s ease-in-out}.pname{align-items:center;font-weight:700;font-size:20px;padding-left:10px;padding-right:10px;margin-top:1px;margin-bottom:.2vh;font-family:Martian Mono,monospace}.pdate{color:#262d3c;font-size:14px;padding-left:10px;padding-right:10px;margin-bottom:0;margin-top:.2vh}.pdescription{padding-left:10px;padding-right:10px;font-size:14px;padding-bottom:0;margin:.5rem 0px;color:#262d3c}.pskill{padding-left:10px;padding-right:10px;font-size:14px;margin:0;font-style:italic;font-weight:700;color:#000}.right{display:flex;align-items:flex-end;justify-content:flex-end;width:25%}.pbutton{background-color:#000;font-weight:700;color:#fff;border:none}.pbutton:hover{background-color:#006400}@media (min-width: 768px){.project-card{max-width:60%}}.skill-title{text-align:center;font-size:30px;padding:20px;font-family:Barrio,system-ui;color:#eaeaea}.skill-list{display:flex;justify-content:center;align-items:center;min-height:100px;gap:30px;flex-wrap:wrap;padding-bottom:30px;margin:0 auto}.skill-card{background-color:#fffefe1a;padding:25px;border-radius:10px;justify-content:center;align-items:center;text-align:center;min-height:70px;min-width:40px;transition:all .5s ease}.skill-card:hover{background-color:#fffefe26;transition:all .5s ease}.logo{height:50px;width:70px}.sname{color:#fff;font-size:12px;margin:0;font-family:Martian Mono,monospace}@media (min-width: 768px){.skill-list{max-width:60%}}.involvement-title{text-align:center;font-size:30px;padding:20px;font-family:Barrio,system-ui;color:#eaeaea}.involvement-container{display:flex;justify-content:center;align-items:center;min-height:100px;gap:50px;flex-wrap:wrap;margin:0 auto}.involvement-card{position:relative;background-color:#fff;padding:10px;border-radius:10px;height:300px;width:20vw;min-width:300px;overflow:hidden;transition:all .5s ease;box-shadow:5px 5px 5px #e1ffe1;background-size:cover;background-position:center;background-repeat:no-repeat}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transition:background-color .3s ease,opacity .3s ease;padding:1rem}.involvement-card:hover .overlay{background-color:#ffffffd9;opacity:1}.iname{font-weight:700;font-size:24px;margin:.7rem 0;color:#000;font-family:Martian Mono,monospace}.idate{color:#111827;font-size:1rem;margin-bottom:.5rem}.idescription{font-size:.9rem;color:#000;max-width:90%}.involvement-card:hover{background-image:none;background-color:#8e8e8e;box-shadow:5px 5px 20px #8e8e8e}.involvement-card:hover .idescription{padding:1rem;display:flex;opacity:1;color:#000}@media (min-width: 768px){.involvement-container{max-width:70%}}.nbar{background-color:#111;padding:20px;position:fixed;top:0;left:0;width:100%;z-index:1000}.nav-links{list-style:none;display:flex;justify-content:center;gap:40px;margin:0;padding:0}.nav-links li a{text-decoration:none;color:#fff5e7;font-size:16px;text-transform:uppercase;font-family:Martian Mono,monospace}.nav-links li a:hover{color:#228b22}.experience-title{text-align:center;font-size:30px;padding:20px;font-family:Barrio,system-ui;color:#eaeaea}.experience-container{display:flex;justify-content:center;align-items:center;min-height:100px;gap:30px;flex-wrap:wrap}.experience-card{background-color:#fff;color:#000;border-radius:10px;box-shadow:5px 5px 5px #e1ffe1;transition:all .3s ease-in-out,background-color .3s ease;padding:0rem;width:95vw;max-width:1000px;margin:0 auto;display:flex;align-items:center;min-height:170px}.emain{padding:0 10px 10px}.ename{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;padding-left:10px;padding-right:10px;margin-top:1px;margin-bottom:.2vh;font-family:Martian Mono,monospace}.edate{color:#262d3c;font-size:14px;padding-left:10px;padding-right:10px;margin-bottom:0;margin-top:.2vh}.edescription{color:#262d3c;padding-left:10px;padding-right:10px;font-size:15px;padding-bottom:0;margin:.5rem 0px}.profile-icon{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #ccc;box-shadow:0 2px 8px #0000001a}@media (min-width: 768px){.experience-card{max-width:60%}}.about-title{text-align:center;font-size:30px;padding:20px;font-family:Barrio,system-ui;color:#eaeaea}.my-name{text-align:center;padding:50px 15px 15px;margin:0;font-family:Barrio,system-ui}.about-container{padding:5vw;justify-content:center;margin:0 auto;border-bottom:1px solid #111}@media (min-width: 768px){.about-container{max-width:60%}}.footer{background-color:#111;color:#fff;text-align:center;padding:0;margin:0;display:flex;text-transform:uppercase;justify-content:space-between}.footer-text p{font-size:1.8rem;font-family:Barrio,system-ui;padding:0;color:#eaeaea}.footer-links{align-content:center}.footer-links a{color:#ffffff8c;transition:all .3s ease;margin-right:20px;gap:20px;font-size:1.5rem;align-items:center;text-decoration:none}.footer-links a:hover{color:#fff;transition:all .3s ease}