body{color:#f0f6fc;background-color:#0d1117;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;font-family:Mona Sans VF,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Backtick Fix,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;display:flex}:root::-webkit-scrollbar{display:none}:root{-ms-overflow-style:none;scrollbar-width:none}p,span{color:#9198a1;font-size:.9rem;font-weight:450}a{color:#f0f6fc;opacity:.85;text-decoration:none;transition:opacity .1s ease-in-out}a:hover{opacity:1;transition:opacity .1s ease-in-out}.github-contributions-section{flex-direction:row;align-items:flex-end;display:flex}.github-contributions-calendar-graph{grid-template-rows:repeat(6,auto);grid-template-columns:repeat(53,auto);justify-content:center;gap:4px;display:grid}.github-contribution-square{background-color:#10151c;border-radius:2px;width:15px;height:15px}.github-contribution-square[data-level="0"]{background-color:#10151c}.github-contribution-square[data-level="1"]{background-color:#0a2617}.github-contribution-square[data-level="2"]{background-color:#163f24}.github-contribution-square[data-level="3"]{background-color:#21592f}.github-contribution-square[data-level="4"]{background-color:#3a8b49}@media (width<1064px){.github-contributions-calendar-graph{max-width:85vw;overflow:hidden}}@media (width<800px){.github-contributions-calendar-graph{gap:3px}.github-contribution-square{border-radius:2px;width:9px;height:9px}}@media (width<550px){.github-contribution-square{border-radius:1px;width:6px;height:6px}}@media (width<420px){.github-contributions-calendar-graph{gap:5px}.github-contribution-square{border-radius:1px;width:5px;height:5px}}.project-showcases-section{grid-template-rows:1fr;grid-template-columns:repeat(2,max-content);justify-content:space-between;margin-bottom:100px;display:grid}.project-showcase{box-sizing:border-box;border:1px solid #3d444d;border-radius:.375rem;flex-direction:column;justify-content:space-between;width:500px;height:250px;margin:7px;padding-left:45px;display:flex}.project-showcase h1{color:#3d7ecf}.project-showcase .languages-used{flex-direction:row;align-items:center;gap:10px;margin-bottom:20px;display:flex}.project-showcase .languages-used .circle-thingy{background-color:#fff;border-radius:100%;width:15px;height:15px}.project-showcase .languages-used span{margin:0;padding:0}@media (width<=1064px){.project-showcases-section{grid-template-columns:repeat(1,max-content);justify-content:space-between;display:grid}.project-showcase{width:85vw;padding-left:25px}}@media (width<550px){.github-contribution-square{border-radius:1px;width:6px;height:6px}}@media (width<420px){.github-contribution-square{border-radius:1px;width:5px;height:5px}}.hero{flex-direction:column;justify-content:center;align-items:center;max-width:100vw;min-height:min(60vh,30vw);display:flex}:root{interpolate-size:allow-keywords}.carousel-section{flex-direction:row;justify-content:flex-start;width:100vw;display:flex;overflow:hidden}.carousel-heading{justify-content:center;align-items:center;width:100vw;margin-bottom:-35px;font-size:25px;display:flex}@media (width<500px){.carousel-heading{font-size:16px}}.carousel-track{flex-direction:row;justify-content:flex-start;align-items:center;min-height:300px;margin-bottom:200px;animation:25s linear infinite scroll-left;display:flex}.carousel-track:has(.element:hover){animation-play-state:paused}@media (width<1025px){.carousel-track{min-height:400px}}@keyframes scroll-left{0%{transform:translate(-50%)}to{transform:translate(0%)}}.carousel-track .element{aspect-ratio:1.95;background-color:#000;border:1px solid #3d444d;border-radius:.375rem;flex:1;width:300px;max-width:500px;margin:min(1%,10px);transition:flex .35s ease-in-out;overflow:hidden}.carousel-track .element .description{height:0;margin:0;padding:0;transition:height .35s ease-in-out;overflow:hidden}.carousel-track .element .description p{width:100%;margin:0;padding:5px}.carousel-track .element:hover .description{height:fit-content;transition:height .65s ease-in-out}@media (width<=1024px){.carousel-track .element{width:350px;max-width:450px}}@media (width<750px){.carousel-track .element{width:250px;max-width:330px}.carousel-track{min-height:330px}}@media (width<476px){.carousel-track .element{width:250px;max-width:300px}.carousel-track{min-height:250px}}@media (width<350px){.carousel-track .element{width:200px;max-width:250px}.carousel-track{min-height:200px}}.carousel-track .element[selected],.carousel-track .element:hover{flex:1.5;transition:flex .35s ease-in-out}.carousel-track .element img{object-fit:contain;width:100%;height:100%}.about-section{border:1px solid #3d444d;border-radius:.375rem;min-width:52vw;max-width:85vw;margin-bottom:85px;padding:0}@media (width<1064px){.about-section{width:85vw}}.about-section .head{background-color:#151b23;border-bottom:1px solid #3d444d;border-top-left-radius:.375rem;border-top-right-radius:.375rem;padding:8px 8px 8px 15px}.about-section .head h1{margin:0;font-size:25px}.about-section .body{padding:15px;display:flex;overflow:hidden}.about-section .body .line-numbers{text-align:right;padding:0 25px;font-size:15px;overflow:hidden}.about-section .body .text{box-sizing:border-box;height:fit-content;padding-right:20px;font-size:15px}.about-section .body span{color:#599dd4;font-weight:700}.navbar{z-index:5000;background-color:#010409;border-bottom:1px solid #3d444d;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:50px;display:flex;position:sticky;top:0}.navbar .container{flex-direction:row;justify-content:space-between;align-items:center;width:95%;height:100%;margin:0;padding:0;display:flex}@media (width<1000px){.navbar .container{width:90%}}.navbar span{font-size:25px;font-weight:500}.navbar span a{color:#f0f6fc;opacity:.85;text-decoration:none;transition:opacity .1s ease-in-out}.navbar span a:hover{opacity:1;transition:opacity .1s ease-in-out}.navbar .links{gap:15px;display:flex}.navbar .links a{opacity:.75}.navbar .links a:hover{opacity:1;transition:opacity .1s ease-in-out}footer{box-sizing:border-box;background-color:#010409;border-top:1px solid #3d444d;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:fit-content;padding:10px;display:flex}
