:root{--primary: #0055FF;--black: #09090B;--gray: #71717A;--cyan: #F3F8FF;--border: #EAEAEA;--background: #FFFFFF}body{font-family:Inter,sans-serif;font-weight:500;margin:0}.about-section{min-height:95vh;display:flex;flex-direction:column;justify-content:space-between}.about-section .about{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin:25vh 25vw;flex:1}.about-section .about .left .title{font-size:60px;margin:2rem 0 1.25rem}.about-section .about .left .title .name{color:var(--primary)}.about-section .about .left .subtitle-container{max-width:600px}.about-section .about .left .subtitle-container .subtitle{font-size:20px;color:var(--gray)}.about-section .about .left .link-container{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem}.about-section .about .left .link-container .divider{width:100%;height:1px;background-color:var(--border)}.about-section .about .right .image-container{width:100%;height:100%;max-width:400px;max-height:400px;border-radius:50%;border:.25rem solid var(--border)}.about-section .scroll{display:flex;flex-direction:column;align-items:center;animation:bounce 2s infinite;margin-bottom:2rem}.skills-section{background-color:var(--cyan)}.skills-section .skills{margin:0 25vw;padding:3rem 0}.skills-section .skills .text-container{text-align:center}.skills-section .skills .text-container .title{color:var(--primary);font-size:48px;margin-top:0;margin-bottom:1rem}.skills-section .skills .text-container .subtitle{color:var(--gray);font-size:18px}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}@media screen and (max-width: 991px){.about-section .about{margin:10vh 5vw}.about-section .about .left .title{font-size:36px}.about-section .about .left .subtitle-container{max-width:100%}.about-section .about .left .subtitle-container .subtitle{font-size:16px}.about-section .about .right{display:none}.skills-section .skills{margin:0 5vw}.skills-section .skills .text-container{text-align:center}.skills-section .skills .text-container .title{font-size:20px}.skills-section .skills .text-container .subtitle{font-size:14px}}.link{position:relative}.link .label{color:var(--black);text-decoration:none}.link .underline{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background-color:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.link:hover .underline{transform:scaleX(1)}.header{background-color:hsl(var(--background) / .6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;padding:1.25rem 25vw;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.header .center .links{display:flex;gap:1.5rem}@media screen and (max-width: 991px){.header .left{width:100%;justify-content:center}.header .left .link{text-align:center}.header .center,.header .right{display:none}}.tag{display:inline-block;padding:.375rem 1rem;border-radius:1rem}.tag .label{font-size:14px}
