.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;font-family:Consolas,monospace;position:relative;z-index:1;background-color:#1a191d;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.nav-links{display:flex;gap:20px}.nav-links a{color:#fff;font-size:18px;text-transform:lowercase;text-decoration:none;position:relative;align-items:center;display:flex;transition:color .3s ease-in-out}.nav-links a span{margin-right:6px}.nav-links:hover a{color:#777}.nav-links a:hover{color:#fff}.logo{white-space:nowrap;color:#00e6e6;font-size:24px;font-weight:400;-webkit-user-select:none;user-select:none}input[type=checkbox]:checked~.navbar{transform:translate(0);box-shadow:0 4px 10px #00000080}.logo.section-title{font-size:3rem;text-align:center;-webkit-user-select:auto;user-select:auto}.logo.section-title>.name{color:#569cd6}.logo .underscore{color:#fff;animation:blink 1s step-end infinite}.logo>.name{color:#47ceb3}.logo>.tag{color:#d4d4d4}@media (max-width: 900px){.navbar{position:fixed;top:0;right:0;width:250px;height:100vh;background-color:#1a191d;flex-direction:column;justify-content:center;align-items:center;transform:translate(100%);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;z-index:4}input[type=checkbox]:checked~.navbar{transform:translate(0);box-shadow:0 4px 10px #00000080}.menu-toggle{position:fixed;top:20px;right:20px;cursor:pointer;z-index:6}.menu-toggle span{display:block;width:30px;height:3px;background-color:#fff;margin:6px 0;transition:transform .3s ease-in-out}input[type=checkbox]:checked~.menu-toggle span:nth-child(1){transform:rotate(45deg) translate(7.5px,7.4px)}input[type=checkbox]:checked~.menu-toggle span:nth-child(2){opacity:0}input[type=checkbox]:checked~.menu-toggle span:nth-child(3){transform:rotate(-45deg) translate(5.3px,-5px)}.nav-links{flex-direction:column;gap:30px;margin-top:30px}.nav-links a{font-size:24px}}.window-tab{position:relative;display:flex;align-items:center;justify-content:center;width:5.3em;height:5.3em;border:none;cursor:pointer;border-radius:.4em;box-shadow:0 4px 10px #00000080;background:#2b2e32}.tab-icon-container{position:relative;width:3.5em;height:3.5em;background:none;overflow:hidden}.tab-icon{width:100%;height:100%;object-fit:contain}.active_line{position:absolute;bottom:0;width:.9em;height:.4em;background-color:#999;border-radius:1em;transition:all .15s linear;margin-bottom:2px}.window-tab:active .active_line,.window-tab:focus .active_line,.window-tab:hover .active_line{width:2.3em;background-color:#40bdff}.tab-text{position:absolute;bottom:-3.4em;width:7.7em;height:2.6em;background-color:#666;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px;text-shadow:0 0 10px rgb(0,0,0);opacity:0;transition:all .25s linear}.window-tab:hover .tab-text{opacity:1}.terminal-section{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;height:80%;color:#fff;font-family:Consolas,Courier New,monospace}.terminal-window{padding:20px;border-radius:8px;max-width:800px;width:100%;background-color:#000;color:#fff;font-size:18px;box-shadow:0 4px 10px #00000080}.command-line-header{color:#bbb;font-size:16px;margin-bottom:20px}.prompt{color:#fff;font-size:20px;margin-top:10px}.typed-text{color:#fff}.cursor{font-weight:700;color:#fff;animation:blink 1s step-end infinite}.windows-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}@keyframes blink{0%,to{visibility:hidden}50%{visibility:visible}}@media (max-width: 570px){.command-line-header,.prompt,.typed-text{font-size:3vw}}#expertise>#skill-bars{margin-right:2vw;margin-left:2vw;align-items:center;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.skill-box{display:flex;align-items:center;width:300px;height:50px;padding:10px;border:2px solid #2a292d;border-radius:10px;margin-bottom:20px;background-color:#222124;box-shadow:0 4px 6px #0006;position:relative;transition:transform .2s ease;cursor:pointer}.skill-icon{width:40px;height:40px;margin-right:15px;z-index:1;-webkit-user-select:none;user-select:none}.progress-bar{position:relative;flex:1;height:100%;background:#2a292d;border-radius:10px;overflow:hidden}#menu-toggle{display:none}.skill-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#f5f5f5;z-index:0;-webkit-user-select:none;user-select:none;transition:transform .4s ease,opacity .4s ease}.percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,150%);font-size:18px;font-weight:700;color:#f5f5f5;z-index:0;opacity:0;transition:transform .4s ease,opacity .4s ease;-webkit-user-select:none;user-select:none}.progress-bar-fill{height:100%;border-radius:10px;background-color:#4caf50;transition:width 1s ease-in-out}.show-proficiency .skill-name{transform:translate(-50%,-150%);opacity:0}.show-proficiency .percentage{transform:translate(-50%,-50%);opacity:1}@media (max-width: 764px){.skill-box{width:80px;height:80px;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0;position:relative;overflow:hidden;cursor:pointer}.progress-bar{position:static}.skill-name{display:none}.skill-icon{width:50px;height:50px;transition:transform .4s ease,opacity .4s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.percentage{font-size:14px;opacity:0;transition:transform .4s ease,opacity .4s ease;position:absolute;top:100%;left:50%;transform:translate(-50%);color:#f5f5f5!important}.show-proficiency .skill-icon{transform:translate(-50%,-150%);opacity:0}.show-proficiency .percentage{transform:translate(-45%,-240%);opacity:1;display:block}.progress-bar-fill{display:none}}.projects-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:2rem;padding:2rem}.project-card{display:flex;background-color:#111216;border:#313131 solid 13px;overflow:hidden;transition:box-shadow .3s ease;flex-direction:row;align-items:stretch;height:350px;position:relative;box-shadow:12px 12px #313131}.project-card:hover{box-shadow:0 0 #313131}.project-info{padding:1rem;font-size:.75rem;color:#eaeaea;flex:1}.project-title>div{display:flex;align-items:center;gap:10px}.project-title>div>h4{margin:0;font-size:1.3rem}.project-title>div>.github-link>i{font-size:1.4rem;color:#eaeaea}.project-techs{list-style:none;display:flex;flex-wrap:wrap;padding:0;margin-top:1rem}.project-techs li{background-color:#333;color:#eaeaea;padding:.3rem .6rem;border-radius:5px;margin-right:.5rem;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.project-image-wrapper{display:flex;align-items:center;justify-content:center;width:50%;overflow:hidden}.project-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.projects-wrapper{grid-template-columns:repeat(auto-fill,minmax(30rem,1fr))}}@media (min-width: 1200px){.projects-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1116px){.project-card{box-shadow:none;flex-direction:column;width:100%;height:auto}.project-image-wrapper{width:100%;height:250px}.projects-wrapper{grid-template-columns:none;padding:1rem 2.5rem 1rem 1rem}}.roadmap-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;position:relative}.roadmap-line{position:absolute;left:50%;width:4px;height:80%;background-color:#ccc}.roadmap-item{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:2rem;width:100%;max-width:500px;max-height:280px;text-align:center}.roadmap-item:nth-child(odd){align-items:flex-start;margin-left:15%}.roadmap-item:nth-child(2n){align-items:flex-end;margin-right:15%}.roadmap-content{background-color:#2e2d31;padding:1rem;border-radius:8px;color:#fff;box-shadow:0 2px 6px #0003;position:relative;z-index:1;text-align:left;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 6px #0006}.roadmap-content>h3{margin-top:0}.roadmap-description{font-size:.95rem}.organization-info{display:flex;gap:7px}.roadmap-icon{position:absolute;top:30%;z-index:-1;opacity:60%;right:4px;font-size:150px;color:#666}.roadmap-icon.school{right:-40px}.roadmap-icon.job{right:-10px}.roadmap-item.last-item .roadmap-line{display:none}@media (min-width: 768px){.roadmap-content{padding:2rem;max-width:400px;font-size:1.1rem}}@media (max-width: 768px){.roadmap-item:nth-child(odd),.roadmap-item:nth-child(2n){align-items:center;margin:0;margin-bottom:1.5rem}.roadmap-icon{top:18%}.roadmap-icon.school{right:-40px}.roadmap-icon.job{right:-10px}.roadmap-content{padding:1rem;font-size:1rem}.organization-info{display:block;gap:0px}.org-name{margin-bottom:0}.work-date{margin-top:5px}.dash{display:none}}.contact-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding-top:2rem}.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:300px;background-color:#222124;box-shadow:0 2px 6px #0003;border:2px solid #2a292d;position:relative;text-decoration:none;transition:border-color .4s ease-in-out;cursor:pointer;border-radius:8px;color:#fff}.contact-card:hover{border-color:#d3d3d3}.contact-card:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;border-radius:8px}.contact-icon{font-size:60px}.contact-name{margin-top:10px;font-size:20px;text-align:center}@media screen and (max-width: 768px){.contact-card{width:150px;height:150px}.contact-icon{font-size:40px}.contact-name{font-size:12px}}.quotes-section{display:grid;grid-template-columns:2fr 0fr;width:100%}.quote-left{background-color:#b8591e;padding:40px;font-size:1.5rem;display:flex;flex-direction:column;position:relative}.headshot-container{display:flex;justify-content:end}.quote-right{display:flex;flex-direction:column;justify-content:center}.quote-right .quote-top,.quote-right .quote-bottom{display:flex;flex-direction:column;position:relative}.quote-right .quote-top{background-color:#68217a;padding:20px;font-size:1.2rem}.quote-right .quote-bottom{background-color:#e94433;padding:20px;font-size:1.2rem}.quote-headshot{width:80px;height:80px;border-radius:50%;border:#fff solid 3px;margin-bottom:20px;object-fit:cover;justify-content:end}.quote-text{font-style:italic;margin-bottom:10px}.quote-author{font-size:1.3rem;margin-top:10px}.quote-icon{position:absolute;top:10px;left:10px;width:40px;height:30px;opacity:.7;-webkit-user-select:none;user-select:none}@media (max-width: 850px){.quote-text,.quote-author{font-size:3.5vw}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a191d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#3a3d41}.content-section{margin-right:2vw;margin-left:2vw;margin-bottom:10vh}#hero-section{height:100vh;margin-right:2vw;margin-left:2vw;position:relative;overflow:hidden}#expertise{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:20px;flex-wrap:wrap}#projects{display:flex;justify-content:center;flex-direction:column}#more-projects-link{white-space:nowrap;display:flex;justify-content:center}#more-projects-link a{font-family:Consolas,monospace;color:#fff;font-size:2.5rem;text-transform:lowercase;text-decoration:none;position:relative;align-items:center;display:flex;transition:color .3s ease-in-out}#expertise-comment{white-space:nowrap;display:flex;justify-content:center}#expertise-comment a{font-family:Consolas,monospace;color:#fff;font-size:2rem;text-transform:lowercase;text-decoration:none;position:relative;align-items:center;display:flex;transition:color .3s ease-in-out}#more-projects-link a span{margin-right:6px}#more-projects-link a:hover{color:#777}#testimonials{margin-top:2rem}.dot{width:8px;height:8px;background-color:#d3d3d3;position:absolute;border-radius:50%;opacity:0;z-index:-1;transition:opacity .5s ease}.dot.visible{opacity:1}@media (max-width: 575px){#more-projects-link a{font-size:1.7rem}}@media (max-width: 660px){#expertise-comment a{font-size:1.1rem}}