.finisher-header{position:relative}.finisher-header canvas{position:fixed;inset:0;z-index:0;pointer-events:none}#root{position:relative;z-index:1}.navigation-bar{background:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}html{scroll-behavior:smooth}main{display:grid;gap:200px}*{margin:0;padding:0;box-sizing:border-box}.navigation-bar{background-color:#0b0f1a;border-bottom:1px solid var(--border);box-shadow:0 2px 4px #0003;position:fixed;top:20px;left:20px;right:20px;z-index:1000;height:50px;border-radius:10px;display:flex;align-items:center;padding:0 15px}.navigation-bar-options{width:100%;list-style:none;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}.bar-option{height:50px}.navbar-link,.icon-link{height:100%;text-decoration:none;display:flex;align-items:center;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;transition:color .3s ease}.navbar-link{padding:0 30px;margin-right:30px}.navbar-link:hover{color:#3fa9f5}.navigation-bar-options li:first-child{margin-right:auto;margin-left:100px}.icon-link{padding:0 10px}.icon-link:hover{color:#3fa9f5}.icon-link:last-child{margin-right:15px}h2{margin-bottom:10px}.college-name,.graduation-time,.degree,p,h2,.skill,.skills-tag{color:#fff}.aboutme-container{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:20px;max-width:1100px;margin:100px auto 50px;padding:0 20px;align-items:end}.aboutme-text{margin-top:.25rem;text-align:justify;overflow:anywhere}.akrisht-introduction{background:color-mix(in oklab,var(--card, #0A1028),transparent 40%);border:1px solid #133B5C;height:auto;min-height:330px;border-radius:16px;margin-top:20px;padding:20px;grid-column:2;grid-row:1}.skills-container{height:fit-content;width:410px;grid-column:1;grid-row:2;margin-left:0;background:color-mix(in oklab,var(--card, #0A1028),transparent 40%);border:1px solid #133B5C;border-radius:16px;padding:20px}.skill-list{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;padding:0;margin:0}.skill{display:inline-flex;align-items:center;padding:5px;background:color-mix(in oklab,var(--card, #0A1028),transparent 40%);border:1px solid #133B5C;border-radius:16px}.skill-box{align-items:center;display:flex}.skills-tag{color:#fff;margin-bottom:10px}.skill-picture{width:20px;background:transparent;margin-right:10px}.education-container{height:auto;margin-left:0;background:color-mix(in oklab,var(--card, #0A1028),transparent 40%);border:1px solid #133B5C;border-radius:16px;padding:20px}.school-info{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:baseline;margin-bottom:12px}.college-name{grid-column:1;grid-row:1;font-size:18px;font-weight:700;margin:0 0 4px}.graduation-time{grid-column:2;grid-row:1;text-align:end;font-style:italic}.degree{grid-column:1 / -1;grid-row:2;margin-left:1.25rem}.awards{margin-left:1.25rem}@media (max-width: 900px){.aboutme-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;margin-top:80px}.school-info{grid-template-columns:1fr;row-gap:6px}.graduation-time{text-align:left;white-space:normal}}.profile-picture{width:360px;margin:20px;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;border:1px solid var(--border, #133B5C);display:block;filter:drop-shadow(0 0 10px rgb(0,255,255,.8));grid-column:1;grid-row:1}.caret{display:inline-block;width:1ch;color:#3fa9f5}.text{color:#3fa9f5;font-weight:700;font-size:20px}.section-container{max-width:1100px;margin:50px auto;padding:0 20px}.panel{background:color-mix(in oklab,var(--card, #0A1028),transparent 40%);border:1px solid #133B5C;border-radius:16px;padding:20px}.experience-item{display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:6px;padding:12px 0;border-top:1px solid color-mix(in oklab,#133B5C,transparent 60%)}.experience-item:first-of-type{border-top:0}.experience-title,.experience-date,.experience-details{color:#fff}.experience-title{margin:0;font-weight:700}.experience-date{white-space:nowrap;text-align:right;font-style:italic}.experience-details{margin-left:20px;list-style-type:none;margin-bottom:1.5rem}.project-title,.project-blurb{color:#f0f8ff;margin-bottom:.5rem}.project-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{background:transparent;border:3px solid #133B5C;border-radius:16px;padding:16px}.skill{padding:8px}@media (max-width: 720px){.project-grid{grid-template-columns:1fr}}.footer{margin-top:40px;padding:20px;height:fit-content;text-align:center;color:#fff;background:color-mix(in oklab,var(--card, #0A1028),transparent 30%);border-top:1px solid #133B5C;font-size:.9rem}.footer-links{margin-top:10px;display:flex;justify-content:center;gap:16px}.icon{color:#fff;font-size:30px;padding:5px;transition:color .3s ease}.icon:hover{color:#3fa9f5}