body{margin:0}.about-container{margin:40px}.nav-links{padding-left:0}.about-grid{grid-template-columns:1fr 1fr;gap:2vw;display:grid}.about-left-column{flex-direction:column;gap:2vw;width:46vw;display:flex}.about-right-column{flex-direction:column;display:flex}.about-rect-1{height:30vw}.about-rect-2{height:14vw}.about-rect-3{height:46vw}.hero-image{object-fit:cover;width:100%;height:100%;display:block}.profile-wrapper{height:100%;position:relative}.profile-text{color:#fff;text-align:center;width:70%;margin:auto;padding:2vw;font-size:1.5vw;font-weight:700;position:absolute;bottom:0;left:0;right:0}.profile-text h2{margin-bottom:.5vw;font-size:2.5vw;font-weight:700}.profile-text p{text-align:left;font-size:1.5vw;font-weight:lighter}.timeline-buttons{justify-content:space-between;align-items:center;width:100%;height:calc(14vw - 10px);display:flex}.timeline-box{border:3px solid #000;flex-direction:column;align-items:center;width:10vw;height:10vw;transition:transform .3s;display:flex;box-shadow:5px 5px gray}.timeline-bottom{background-color:#000;width:100%;height:3px}.timeline-box h2{text-align:center;margin-top:2vw;margin-bottom:0;font-size:1vw;font-weight:700}.timeline-box img{object-fit:contain;width:5vw;margin:auto}.timeline-box:hover,.timeline-box.selected{transform:translateY(-1vw)}.about-rect-3{border:3px solid #000;box-shadow:5px 5px gray}.about-rect-3 h2{text-align:center;margin-top:3vw;margin-bottom:2vw;font-size:3vw}.education-box{align-items:start;gap:1vw;margin:0 10px;display:flex}.education-logo{flex-shrink:0;justify-content:center;width:7vw;height:7vw;display:flex;overflow:hidden}.education-logo img{object-fit:contain;width:100%;height:100%}.education-title{margin:0;font-size:2vw}.education-major{margin-top:5px;font-size:1.5vw}.education-highlights{margin:0 10px;font-size:1.5vw}.education-highlights p{font-weight:700}.spotlight{justify-content:space-evenly;align-items:center;gap:1vw;margin-top:5vw;display:flex}.spotlight>div{border:3px solid #000;width:10vw;height:10vw}.git-contrib{flex-direction:column;justify-content:center;align-items:center;padding:.4vw;display:flex;overflow:hidden}.git-contrib-title{text-align:center;white-space:nowrap;flex-shrink:0;margin-top:1vw;margin-bottom:0;font-size:1vw;font-weight:700}.git-contrib-grid{grid-template-rows:repeat(4,1vw);grid-template-columns:repeat(8,1vw);grid-auto-flow:column;gap:.15vw;margin:auto;display:grid}.contrib-cell{border-radius:.1vw}.contrib-cell.level-0{background-color:#ebedf0}.contrib-cell.level-1{background-color:#9be9a8}.contrib-cell.level-2{background-color:#40c463}.contrib-cell.level-3{background-color:#30a14e}.contrib-cell.level-4{background-color:#216e39}.git-contrib-loading .contrib-cell{animation:1.5s ease-in-out infinite contrib-pulse}@keyframes contrib-pulse{0%,to{opacity:1}50%{opacity:.35}}.git-contrib-status{color:#999;flex:1;justify-content:center;align-items:center;font-size:.7vw;display:flex}.music{flex-direction:column;justify-content:center;align-items:center;padding:.4vw;display:flex;overflow:hidden}.music-title{text-align:center;white-space:nowrap;flex-shrink:0;margin:1vw 0 0;font-size:1vw;font-weight:700}.music-stage{--music-tx:2.5vw;flex:1;width:100%;min-height:0;position:relative}.music-album{border-radius:.15vw;width:3.6vw;height:3.6vw;transition:transform .5s,opacity .5s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 .2vw .5vw #00000059}.music-artist{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:100%;margin:0 0 .2vw;font-size:.65vw;overflow:hidden}.music-album-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:100%;margin:.2vw 0 0;font-size:.65vw;font-weight:700;overflow:hidden}.music-prev,.music-next{z-index:10;cursor:pointer;color:#000;background:0 0;border:none;padding:0 .15vw;font-size:1.2vw;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.music-prev{left:0}.music-next{right:0}.music-album img{object-fit:cover;width:100%;height:100%;display:block}.music-album-placeholder{background:linear-gradient(135deg,#d0d0d0 0%,#909090 100%);width:100%;height:100%}.photo{padding:.4vw;overflow:hidden}.photo-title{text-align:center;margin-top:1vw;font-size:1vw;font-weight:700}.photo-frame img{object-fit:cover;display:block}.photo-placeholder{border:2px solid #000;width:8vw;height:6vw;margin:auto}.photo-placeholder img{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.photo-modal-overlay{z-index:1000;cursor:pointer;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.photo-modal{border:3px solid #000;justify-content:center;align-items:center;width:90vw;height:90vh;animation:.3s modalPopIn;display:flex;position:relative;box-shadow:0 10px 40px #00000080}.photo-modal img{width:100%;height:100%;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=726px){.about-grid{grid-template-columns:1fr}.about-container{margin:0 25px}.nav-links{font-size:2.5vw}.about-left-column,.about-right-column{gap:2vw;display:contents}.about-rect-1{border:3px solid #000;order:1;height:40vh;margin-bottom:3vw}.about-rect-2{order:3;margin-bottom:5vw}.about-rect-3 h2{margin-top:5vw;font-size:6vw}.about-rect-3 h3{font-size:4vw}.about-rect-3 p,.about-rect-3 li{font-size:3vw}.about-rect-3{order:2;height:auto;margin-bottom:3vw}.education-highlights{margin-bottom:5vw}.timeline-buttons{height:24vw}.timeline-box{width:16vw;height:16vw}.timeline-box h2{display:none}.timeline-box img{width:10vw}.timeline-box:hover,.timeline-box.selected{transform:translateY(-2vw)}.profile-text h2{font-size:6vw}.profile-text p{font-size:4vw}.spotlight{display:none}.spotlight>div{width:50vw;height:50vw}.git-contrib{padding:1vw}.git-contrib-title{font-size:2.4vw}.git-contrib-grid{grid-template-rows:repeat(4,2vw);grid-template-columns:repeat(8,2vw);gap:.35vw}.git-contrib-status{font-size:2vw}.music{padding:1vw}.music-title{font-size:2.4vw}.music-artist,.music-album-name{margin:.4vw 0;font-size:1.5vw}.music-stage{--music-tx:4vw}.music-album{width:7.5vw;height:7.5vw}.music-prev,.music-next{padding:0 .4vw;font-size:3vw}.photo{padding:1vw}.photo-title{font-size:2.4vw}.photo-placeholder{width:14vw;height:10vw;margin:auto}}.footer-container{background-color:#000}.footer-navbar-pill{background-color:#000;margin:0 40px;padding:30px;position:relative}.footer-nav-links{justify-content:center;align-items:center;gap:8vw;margin:0;padding:0;list-style:none;display:flex}.footer-nav-links a{color:#fff;text-decoration:none}.footer-navbar-header{align-items:center;display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.footer-navbar-hamburger{display:none}.footer-navbar-icons{align-items:center;gap:16px;display:flex}.footer-navbar-icon-link{justify-content:center;align-items:center;display:flex}.footer-navbar-icon{background-color:#fff;width:22px;height:22px;transition:background-color .35s;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.footer-navbar-pill.open .footer-navbar-icon{background-color:#fff}.footer-navbar-icon-1{-webkit-mask-image:url(/assets/github-DcVatQky.webp);mask-image:url(/assets/github-DcVatQky.webp)}.footer-navbar-icon-2{-webkit-mask-image:url(/assets/linkedin-DxkEyL08.png);mask-image:url(/assets/linkedin-DxkEyL08.png)}.footer-navbar-icon-3{-webkit-mask-image:url(/assets/gmail-Ie7ZehPR.png);mask-image:url(/assets/gmail-Ie7ZehPR.png)}@media (width<=726px){.footer-navbar-icon-link{display:none}}.navbar-pill{background-color:#000;margin:40px 40px 0;padding:30px;position:relative}.nav-links{justify-content:center;align-items:center;gap:8vw;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#fff;text-decoration:none}.navbar-header{align-items:center;display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.navbar-hamburger{display:none}.navbar-icons{align-items:center;gap:16px;display:flex}.navbar-icon-link{justify-content:center;align-items:center;display:flex}.navbar-icon{background-color:#fff;width:22px;height:22px;transition:background-color .35s;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.navbar-pill.open .navbar-icon{background-color:#fff}.navbar-icon-1{-webkit-mask-image:url(/assets/github-DcVatQky.webp);mask-image:url(/assets/github-DcVatQky.webp)}.navbar-icon-2{-webkit-mask-image:url(/assets/linkedin-DxkEyL08.png);mask-image:url(/assets/linkedin-DxkEyL08.png)}.navbar-icon-3{-webkit-mask-image:url(/assets/gmail-Ie7ZehPR.png);mask-image:url(/assets/gmail-Ie7ZehPR.png)}@media (width<=726px){.navbar-container{margin:0 25px}.navbar-pill{box-sizing:border-box;background-color:#fff;border:3px solid #000;flex-direction:column;margin:20px 0;padding:20px 14px;transition:background-color .35s;display:flex}.navbar-pill.open{background-color:#000}.navbar-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:static;transform:none}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;margin:0;padding:4px;display:flex}.navbar-hamburger span{background-color:#000;border-radius:1px;width:24px;height:2px;transition:background-color .35s;display:block}.navbar-pill.open .navbar-hamburger span{background-color:#fff}.navbar-icon{background-color:#000}.nav-links{flex-direction:column;align-items:center;gap:4vw;max-height:0;padding:0;transition:max-height .35s,padding .35s;display:flex;overflow:hidden}.navbar-pill.open .nav-links{max-height:20em;padding:12px 0 4px}.nav-links a{margin:1em;font-size:4vw}}.experience-container{background-color:#000;align-items:stretch;margin:80px;padding:3vw;display:flex;box-shadow:5px 5px gray}.experience-pane{flex-direction:row;align-items:center;gap:3vw;width:100%;display:flex}.experience-image-wrap{flex-shrink:0;justify-content:center;align-items:center;width:30%;display:flex}.experience-img{width:100%;height:auto}.experience-content{flex-direction:column;flex:1;gap:1.5vw;display:flex}.experience-pane-title{color:#fff;margin:0;font-size:2vw;font-weight:700}.experience-text-box{flex:1}.experience-text-box p{color:#fff;margin:0 0 1.5vw;font-size:1.2vw;line-height:1.6}.experience-link{color:#4a9eff;cursor:pointer;text-decoration:underline;transition:color .2s}.experience-link:hover{color:#7bb9ff}.experience-empty{justify-content:center;align-items:center;width:100%;min-height:10vw;display:flex}.experience-empty p{color:#fff;opacity:.5;margin:0;font-size:1.2vw}.experience-subtitle{color:#fff;opacity:.8;opacity:.8;margin:0;font-size:1.1vw;font-weight:600}@media (width<=726px){.experience-container{margin:60px 40px}.experience-pane{flex-direction:column}.experience-image-wrap{order:2;width:100%;margin-top:1.5vw}.experience-content{order:1}.experience-pane-title{margin-top:2vw;font-size:4vw}.experience-subtitle{margin-bottom:2vw;font-size:3vw}.experience-text-box p{font-size:3vw}.experience-img{width:50vw;margin-bottom:2vw}}.skills-title{text-align:center;border:3px solid #000;width:30%;margin:0 auto;padding:2vw;font-size:3vw}.skills-cubes{grid-template-columns:repeat(4,1fr);grid-auto-rows:14vw;align-items:start;gap:2vw;width:fit-content;height:24vw;margin:4vw auto;padding:0 2vw;display:grid}.cube{cursor:pointer;color:#fff;will-change:height;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:15vw;height:15vw;min-height:15vw;padding:1vw;transition:height .4s;display:flex;overflow:hidden}.cube-content{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin-top:4vw;display:flex}.cube-top{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cube-title{margin-bottom:.5vw;padding-top:8vw;font-size:1.8vw;font-weight:700;transition:padding-top .4s}.cube:hover .cube-title{padding-top:0}.cube-icon{object-fit:contain;width:5vw;height:5vw;margin-bottom:.5vw}.cube-description{text-align:left;opacity:0;grid-template-rows:0fr;margin-top:1.5vw;font-size:1vw;line-height:1.3;transition:grid-template-rows .3s,opacity .3s}.cube:hover .cube-description{color:#fff;opacity:1;grid-template-rows:1fr;display:block}.cube:hover{height:26vw}@media (width<=768px){.skills-cubes{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:4vw;height:auto;margin:30px auto}.cube{width:30vw;height:30vw}.cube:hover{height:50vw}.cube-content{gap:2vw}.cube-top{flex-shrink:0}.cube-title{padding-top:20vw;font-size:3vw}.cube-icon{object-fit:contain;width:8vw;height:8vw}.cube-subtitle{display:none}.cube-description{font-size:2vw}}.contact-title{text-align:center;border:3px solid #000;width:30%;margin:8vw auto 0;padding:2vw;font-size:3vw}.contact-form-wrapper{background-color:#000;width:55%;margin:60px auto;padding:3vw;box-shadow:5px 5px gray}.contact-form{flex-direction:column;gap:2vw;display:flex}.contact-input,.contact-textarea{color:#000;background-color:#fff;border:2px solid #000;padding:1.5vw;font-family:inherit;font-size:1vw}.contact-input::placeholder,.contact-textarea::placeholder{color:#999}.contact-input:focus,.contact-textarea:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px #0000001a}.contact-textarea{resize:vertical;min-height:15vw}.contact-submit{color:#000;cursor:pointer;background-color:#fff;border:2px solid #fff;padding:1.5vw;font-size:1vw;font-weight:700;transition:all .3s}.contact-submit:hover:not(:disabled){color:#fff;background-color:#000}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-success{color:#fff;text-align:center;background-color:#4caf50;border-radius:4px;padding:1vw;font-size:1vw}.contact-error{color:#fff;text-align:center;background-color:#f44336;border-radius:4px;padding:1vw;font-size:1vw}@media (width<=768px){.contact-form-wrapper{width:70%;margin:30px auto 20vw;padding:4vw}.contact-form{gap:4vw}.contact-input,.contact-textarea{padding:4vw;font-size:3vw}.contact-textarea{min-height:40vw}.contact-submit{padding:4vw;font-size:3vw}.contact-success{font-size:3vw}}