:root{width:100%;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{background-color:#007acc;height:25px;padding-left:8px;text-align:center}.file-tree{width:100%;background-color:#252526}.main-display{width:100%;height:100%;overflow:auto;display:flex;flex-direction:column;overflow-x:hidden}.content{top:30px;overflow-x:hidden}.tab-bar{height:30px;background-color:#313131;flex-direction:row;flex-grow:1;position:fixed;padding:0;display:flex;align-items:center;z-index:1000;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tab-bar::-webkit-scrollbar{display:none}.tab{height:20px;padding:8px 16px;cursor:pointer}.tab.active{background-color:#007acc}.close-btn:hover{color:red}.bottom-bar{position:fixed;bottom:0;left:0;right:0;height:30px;background-color:#626262;display:flex;align-items:stretch;border-top:#007acc 3px solid;z-index:1000}.buttons-container{display:flex;flex:1;justify-content:space-around;align-items:center;max-width:80%}.button{flex:1;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:700;cursor:pointer;text-align:center;background-color:#007acc;margin-left:-20px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%,20px 50%);transition:filter .2s ease-in-out}.button:hover{filter:brightness(1.1)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.button:first-child{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%);border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:0}.about-container{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;padding:20px;font-family:Fira Code,monospace;color:#ddd;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:600px;margin:auto}.about-container.visible{opacity:1;transform:translateY(0)}.about-title{font-size:2rem;color:#61dafb;margin-bottom:1rem}.about-description{font-size:1rem;line-height:1.8;color:#bbb;margin-bottom:1rem}.about-extras{font-size:.8rem;line-height:1.6;color:#888}.contact-icons{display:flex;justify-content:center;gap:20px;margin-top:20px}.contact-icon{display:flex;justify-content:center;align-items:center;width:25px;height:25px;font-size:24px;padding:10px;border-radius:50%;transition:transform .3s ease,background-color .3s ease}.contact-icon.github:hover{background-color:#333;transform:rotate(360deg)}.contact-icon.linkedin:hover{background-color:#0077b5;transform:rotate(360deg)}.contact-icon.twitter:hover{background-color:#1da1f2;transform:rotate(360deg)}.contact-icon.email:hover{background-color:#c23a2b;transform:rotate(360deg)}.awards-container{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;padding:20px;font-family:Fira Code,monospace;color:#dcdcdc;background-color:#1e1e1ea9;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:800px;margin:auto}.awards-container.visible{opacity:1;transform:translateY(0)}.awards-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.award-card{display:flex;flex-direction:column;background:#252526;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.award-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px #0003}.card-left{flex-shrink:0;text-align:center;margin-bottom:10px}.award-image{max-width:100%;max-height:150px;object-fit:contain;border-radius:8px}.card-right{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.award-title{font-size:1.25rem;color:#4fc3f7;margin-bottom:10px;font-weight:700}.award-details{font-size:1rem;color:#b0b0b0;margin-bottom:10px}.award-years{font-size:.9rem;color:#888}@media (max-width: 600px){.awards-grid{grid-template-columns:1fr}.award-card{align-items:center;text-align:center}.card-right{margin-top:15px}}.projects-container{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;padding:1rem;font-family:Fira Code,monospace;color:#dcdcdc;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:800px;margin:auto}.projects-container.visible{opacity:1;transform:translateY(0)}.projects-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.project-card{display:flex;flex-direction:row;align-items:center;background:#252526;border-radius:10px;padding:1rem;height:auto;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px #0003}.project-image{width:100%;max-width:85px;height:auto;border-radius:8px;object-fit:contain}.project-title{font-size:1rem;color:#4fc3f7;margin-bottom:0;font-weight:700}.project-details{font-size:.8rem;color:#b0b0b0;margin-top:0;margin-bottom:5px}.project-years{font-size:.7rem;color:#888}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}.project-card{flex-direction:column;align-items:center}.card-left{margin-bottom:.5rem}.project-title,.project-details{text-align:center}}.container{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;padding:20px;font-family:Fira Code,monospace;color:#dcdcdc;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:800px;margin:auto}.container.visible{opacity:1;transform:translateY(0)}.skills-title{font-size:2rem;color:#61dafb;margin-bottom:1rem;text-align:center}.skills-container{padding:10px;display:flex;flex-direction:column;z-index:1}.skills-category{margin-bottom:15px}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:5px 10px;background:#282c34;color:#abb2bf;font-size:12px;border-radius:4px;cursor:pointer;transition:background .2s}.skill-tag:hover{background:#61afef;color:#282c34}.courses-container{margin-top:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.courses-title{font-size:2rem;margin-bottom:1rem;color:#61dafb}.courses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:800px}@media (max-width: 600px){.courses-grid{grid-template-columns:1fr}}.semester-card{background-color:#252526;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s;padding:1rem;text-align:center;height:auto}.semester-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px #0003}.semester-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#61dafb}.course-list{display:flex;flex-direction:column;gap:.5rem;text-align:left}.course-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.course{margin:0}.course-title{color:#0ec292;font-weight:700}.course-grade{font-weight:700;color:#61dafb}.experiences-container{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;padding:20px;font-family:Fira Code,monospace;color:#dcdcdc;background-color:#1e1e1ea9;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:800px;margin:auto}.experiences-container.visible{opacity:1;transform:translateY(0)}.page-title{text-align:center;font-size:2rem;color:#61dafb;margin-bottom:1rem}.experiences-grid{display:flex;flex-direction:column;gap:20px}.experience-card{display:flex;align-items:center;background:#252526;border-radius:10px;padding:20px;margin-bottom:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.experience-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px #0003}.card-left{flex:0 0 30%;display:flex;justify-content:center;align-items:center}.experience-image{width:100%;max-width:180px;height:auto;border-radius:8px;object-fit:cover}.card-right{flex:1;padding-left:15px;display:flex;flex-direction:column;justify-content:center}.experience-title{font-size:1rem;color:#4fc3f7;font-weight:700;margin:.1rem}.experience-position{font-size:.9rem;color:#ececec;margin:.1rem}.experience-details{padding:0;list-style-type:none}.experience-description{font-size:.8rem;color:#b0b0b0;margin-bottom:5px}.experience-years{font-size:.7rem;color:#888}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@tailwind base;@tailwind components;@tailwind utilities;.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-layout{display:flex;width:100%;flex-direction:row;height:calc(100vh - 75px);bottom:30px;top:25px;flex-grow:1;padding:0}.app-sidebar{flex-grow:0;flex-shrink:0;min-width:150px;max-width:600px;display:flex;flex-direction:row;background-color:#252526;z-index:2}.app-sidebar .app-sidebar-content{flex:1}.app-sidebar .app-sidebar-resizer{flex-grow:0;flex-shrink:0;flex-basis:3px;justify-self:flex-end;cursor:col-resize;resize:horizontal;width:7px;background:#007acc}.box{flex:1 1 auto;box-sizing:border-box}.file{padding:8px;cursor:pointer;color:#fff}.file a{text-decoration:none;color:inherit;display:block}.file:hover{background-color:#333}.tabs{display:flex;background-color:#1e1e1e;border-bottom:1px solid #333}.close-btn{margin-left:8px;background:none;border:none;color:#fff;cursor:pointer}.content{position:relative;height:calc(100% - 70px);top:35px;bottom:50px;left:0;right:0;overflow-y:auto;background-color:#1e1e1e;padding:10px;box-sizing:border-box}.placeholder{color:#aaa;text-align:center;padding:20px}.app{display:flex;height:100vh;overflow:hidden}.resizer{width:3px;cursor:ew-resize;background-color:#007acc;z-index:10}.main-display{flex-grow:1;display:flex;flex-direction:column;background-color:#252526;color:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1e1e1e;border-radius:6px}::-webkit-scrollbar-thumb{background:#4e4e4e;border-radius:6px;border:3px solid #1e1e1e}::-webkit-scrollbar-thumb:hover{background:#666}::-webkit-scrollbar-corner{background:#1e1e1e}@layer base{@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Light-fY4l71KA.woff2) format("woff2"),url(/assets/FiraCode-Light-B1hbeU4w.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Regular-jAL9VymT.woff2) format("woff2"),url(/assets/FiraCode-Regular-B8-kG0vS.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Medium--YTCSZkP.woff2) format("woff2"),url(/assets/FiraCode-Medium-B7pixCnj.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-SemiBold-BiAOBdH0.woff2) format("woff2"),url(/assets/FiraCode-SemiBold-C_qsBl7p.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Bold-DzhvDiv4.woff2) format("woff2"),url(/assets/FiraCode-Bold-DeMYoWdo.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Fira Code VF;src:url(/assets/FiraCode-VF-Bc8wnsZt.woff2) format("woff2-variations"),url(/assets/FiraCode-VF-B-gPkBGS.woff) format("woff-variations");font-weight:300 700;font-style:normal}}body,html{margin:0;font-family:Fira Code,monospace}