button.btn-hover{cursor:pointer;text-align:center;background-size:300% 100%;border:none;border-radius:1rem;margin:0;padding:1rem}button.btn-hover:focus{outline:none}button.btn-hover.github{background-image:linear-gradient(90deg,#214e34,#30734c,#3c905f,#48ad72)}button.btn-hover.linkedin{background-image:linear-gradient(90deg,#372772,#4a3498,#583eb6,#7058c6)}button.btn-hover.email{background-image:linear-gradient(90deg,#1a17be,#2825e4,#4c49e9,#706eed)}button.btn-hover:hover{background-position:100% 0}button.btn-hover:hover:after{content:attr(data-tip);color:#fff;white-space:nowrap;z-index:1000;background-color:#333;border-radius:4px;margin-bottom:5px;padding:5px 10px;font-size:14px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}div.content{background-color:var(--background);color:var(--text);flex-direction:column;align-items:center;gap:2rem;width:calc(100% - 60px);margin:0 0 0 60px;padding:2rem 0;display:flex;position:relative;overflow:hidden}div.content div.hero-section{text-align:center;flex-direction:column;justify-content:center;width:100%;max-height:50vh;margin:0 auto;display:flex}div.content div.hero-section header.hero-header{max-width:800px;margin:0 auto}div.content div.hero-section header.hero-header h1{color:var(--accent);letter-spacing:-.5px;margin:0;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700}div.content div.hero-section header.hero-header p.hero-tagline{color:var(--text-muted);margin:.5rem 0 0;font-size:clamp(1rem,3vw,1.5rem);font-weight:500}div.content div.about-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;box-sizing:border-box;background:#ffffff0d;border-radius:1rem;align-items:flex-start;gap:2rem;width:95%;max-width:1300px;margin:0 auto;padding:2rem;font-size:1.5rem;position:relative;box-shadow:0 4px 6px -1px #0000001a}div.content div.about-section div.about-container{align-items:stretch;gap:2.5rem;display:flex}div.content div.about-section div.about-container div.text-content{flex:1;min-width:0;max-width:800px}div.content div.about-section div.about-container div.text-content h1{color:var(--accent);letter-spacing:-.5px;margin:0;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700}div.content div.about-section div.about-container div.text-content p.hero-tagline{color:var(--text-muted);margin:.5rem 0 0;font-size:clamp(1rem,3vw,1.5rem);font-weight:500}div.content div.about-section div.about-container div.text-content div.about-content{flex:1;max-width:700px}div.content div.about-section div.about-container div.text-content div.about-content .about-text{color:var(--text);text-align:left;margin:0 0 .75rem;font-size:1.5rem}div.content div.about-section div.about-container div.text-content div.about-content .about-text a{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}div.content div.about-section div.about-container div.text-content div.about-content .about-text a:hover{color:var(--accent-hover);text-decoration:underline}div.content div.about-section div.about-container div.face-container{border-radius:1rem;width:400px;min-height:100%;overflow:hidden}div.content div.about-section div.about-container div.face-container .face{object-fit:contain;border-radius:.5rem;width:100%;height:100%}div.content .visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}div.content div#social{z-index:1;flex-direction:column;justify-content:center;gap:1.5rem;margin:0;padding:0;display:flex;position:absolute;top:50%;right:5rem;transform:translateY(-50%)}div.content div#social nav.links{flex-direction:column;gap:1.5rem;width:100%;display:flex}div.content div#social button{text-align:center;width:100%}div.content div#social p.links{flex-direction:column;justify-content:center;gap:1rem;margin:0;display:flex}h1{text-align:center;color:var(--accent);margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:700}h2{text-align:center;color:var(--text);letter-spacing:-.5px;margin:0;font-size:clamp(1.5rem,4vw,3rem);font-weight:600}p.about{text-align:center;overflow-wrap:break-word;background:#d4bebebf;width:45%;margin-block:0;margin-inline:0;font-size:24pt;display:inline-block}p.prog_req{text-align:center;background-color:#a09abcbf;font-size:24pt;display:inline-block}p.links{display:inline-flex}svg.github g{fill:gold}