.app-container{min-height:95vh;min-height:95dvh;display:flex;flex-direction:column;padding:20px 20px 0;align-items:center;margin-top:1.5rem}.main-card{flex:1;width:90%;height:calc(100vh - 120px);height:calc(100dvh - 120px);min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);background-color:#ffffff04;border:1px solid rgba(255,255,255,.034);border-radius:16px;position:relative;overflow-y:auto;overflow-x:hidden;isolation:isolate;box-shadow:0 8px 32px #5b5a5a31}.intro{width:32%;height:100%;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;text-align:left;margin-top:8rem;margin-left:8rem;padding-bottom:4rem;transition:transform 1.5s ease}.intro.slide-up{transform:translateY(-4rem)}.intro.locked{transition:none}.intro h1{text-align:left;width:100%;font-weight:200;opacity:1;transition:opacity .8s ease}.intro.slide-up h1:not(.hidden){opacity:0}.intro.locked h1{transition:none}.intro.slide-up.locked h1.hidden{opacity:0}.intro h4,.intro p{text-align:left;width:100%;font-weight:200;color:#ccc}.intro p .bold-text,.intro .bold-text{font-weight:600!important;text-decoration:none;color:#fff}.content-separator{width:100%;height:1px;background-color:#fff3;margin:.5rem 0}.additional-content{width:100%;opacity:0;animation:fadeIn .8s ease 1.5s forwards}.additional-content.visible{opacity:1;animation:none}.intro h1.hidden{opacity:0}.skip-button{background:none;border:none;color:#ccc;font-size:.9rem;font-weight:300;padding:0;margin:0;margin-top:.5rem;cursor:pointer;transition:opacity .8s ease,color .2s ease;font-family:inherit}.skip-button:hover{color:#fff}.intro.slide-up .skip-button{opacity:0}.additional-content p{text-align:left;width:100%;margin:0 0 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.collapse-button{position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 60px 60px;border-color:transparent transparent rgba(255,255,255,.3) transparent;cursor:pointer;z-index:20;transition:all .2s ease;background:none;border-radius:0 0 8px}.collapse-button:hover{border-color:transparent transparent rgba(255,255,255,.5) transparent}.bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;width:88%;margin-bottom:20px}.nav-list{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav-list a{color:#ccc;text-decoration:none;transition:color .2s ease}.nav-list a:hover{color:#fff}.nav-list a.resume-link{display:inline-flex;align-items:center;gap:2px}.nav-list a.resume-link .arrow-icon{display:inline-block;vertical-align:middle;margin-left:2px;font-size:.75rem}.footer{display:flex;align-items:center;gap:30px}.footer-list{display:flex;list-style:none;gap:30px;margin:0;padding:0}.footer-list a{color:#ccc;text-decoration:none;transition:color .2s ease}.footer-list a:hover{color:#fff}.projects{width:45%;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.5rem;text-align:left;margin-top:4rem;margin-left:8rem;padding-bottom:4rem}.project-item{width:100%}.project-link{text-decoration:none;color:inherit;display:inline-block;margin-bottom:.5rem}.project-title{font-weight:400;color:#fff;margin:0;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.project-link:hover .project-title{color:#ccc}.project-arrow{font-size:.875rem;vertical-align:middle}.project-description{font-size:.95rem;font-weight:200;color:#ccc;line-height:1.6;margin:0;margin-bottom:.5rem}.project-tags{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:.5rem}.project-tag{font-size:.75rem;font-weight:300;color:#888}.project-separator,.project-date{font-size:.75rem;font-weight:300;color:#888;margin-left:.5rem}.nav-list a.active{color:#fff;font-weight:400}.experience{width:75%;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;margin-top:4rem;margin-left:8rem;padding-bottom:4rem}.experience-toggle{margin-bottom:2.5rem}.toggle-container{display:flex;gap:1rem;align-items:center;position:relative}.toggle-separator{width:1px;height:1rem;background-color:#fff3}.toggle-button{background:none;border:none;color:#666;font-size:.95rem;font-weight:300;padding:0;cursor:pointer;transition:color .2s ease}.toggle-button:hover{color:#aaa}.toggle-button.active{color:#fff}.experience-list{width:100%;display:flex;flex-direction:column;gap:0}.experience-item{width:100%;padding-bottom:2.5rem}.experience-content{width:100%}.experience-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:2rem}.experience-entry-title{font-size:1.25rem;font-weight:400;color:#fff;margin:0;flex:1;line-height:1.4}.title-separator{color:#888;margin:0 .25rem}.experience-role{font-weight:300;color:#aaa}.experience-date{font-size:1rem;font-weight:300;color:#ccc;white-space:nowrap;flex-shrink:0}.experience-entry-description{font-size:.95rem;font-weight:200;color:#ccc;line-height:1.6;margin:0 0 .75rem}.experience-metadata{display:flex;flex-wrap:wrap;align-items:center;gap:0}.experience-meta{font-size:.75rem;font-weight:300;color:#888}.meta-separator{color:#888;margin:0 .25rem}.experience-separator{width:100%;height:1px;background-color:#ffffff1a;margin-top:1.5rem}@media (max-width: 1200px){.intro{margin-top:8rem;width:55%}}@media (max-width: 768px){.app-container{padding:10px;margin-top:.5rem}.main-card{width:100%;height:calc(100vh - 80px);height:calc(100dvh - 80px);min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px)}.intro{width:90%;margin-top:4rem;margin-left:1.5rem;padding-bottom:2rem}.intro h1{font-size:1.5rem}.intro h4,.intro p{font-size:.9rem}.projects{width:90%;margin-top:2rem;margin-left:1.5rem;padding-bottom:2rem}.project-title{font-size:1.1rem}.project-description{font-size:.85rem}.experience{width:90%;margin-top:2rem;margin-left:1.5rem;padding-bottom:2rem}.experience-entry-title{font-size:1.1rem}.experience-entry-description{font-size:.85rem}.bottom-bar{width:95%;flex-direction:column;gap:1rem;padding:15px 0}.nav-list{flex-wrap:wrap;gap:15px;justify-content:center}.footer{justify-content:center}.footer-list{flex-wrap:wrap;gap:15px;justify-content:center}}@media (max-width: 480px){.app-container{padding:5px}.main-card{height:calc(100vh - 60px);height:calc(100dvh - 60px);min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px);max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px)}.intro{width:95%;margin-top:1.5rem;margin-left:1rem;padding-bottom:1.5rem}.intro h1{font-size:1.25rem}.intro h4,.intro p{font-size:.85rem}.projects{width:95%;margin-top:1.5rem;margin-left:1rem;padding-bottom:1.5rem}.project-title{font-size:1rem}.project-description{font-size:.8rem}.experience{width:95%;margin-top:1.5rem;margin-left:1rem;padding-bottom:1.5rem}.experience-entry-title{font-size:1rem}.experience-entry-description{font-size:.8rem}.experience-title-row{flex-direction:column;gap:.5rem}.experience-date{font-size:.9rem}.nav-list,.footer-list{gap:10px;font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PT Sans,sans-serif;font-weight:300;background-color:#141414;color:#fff;display:flex;flex-direction:column;justify-content:center}a{color:#fff;text-decoration:none;transition:all .2s ease}