button.btn-hover{background-size:300% 100%;border:none;border-radius:1rem;cursor:pointer;margin:0;text-align:center;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);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;white-space:nowrap;z-index:1000;margin-bottom:5px}div.content{background-color:var(--background);color:var(--text);display:flex;flex-direction:column;align-items:center;padding:2rem 0;gap:2rem;width:calc(100% - 60px);margin:0 0 0 60px;position:relative;overflow:hidden}div.content div.hero-section{text-align:center;max-height:50vh;display:flex;flex-direction:column;justify-content:center;width:100%;margin:0 auto}div.content div.hero-section header.hero-header{max-width:800px;margin:0 auto}div.content div.hero-section header.hero-header h1{font-size:clamp(2.5rem,8vw,4.5rem);margin:0;color:var(--accent);letter-spacing:-.5px;font-weight:700}div.content div.hero-section header.hero-header p.hero-tagline{font-size:clamp(1rem,3vw,1.5rem);color:var(--text-muted);margin:.5rem 0 0;font-weight:500}div.content div.about-section{max-width:1300px;width:95%;padding:2rem;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin:0 auto;position:relative;z-index:1;gap:2rem;align-items:flex-start;box-sizing:border-box;font-size:1.5rem}div.content div.about-section div.about-container{display:flex;gap:2.5rem;align-items:stretch}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{font-size:clamp(2.5rem,8vw,4.5rem);margin:0;color:var(--accent);letter-spacing:-.5px;font-weight:700}div.content div.about-section div.about-container div.text-content p.hero-tagline{font-size:clamp(1rem,3vw,1.5rem);color:var(--text-muted);margin:.5rem 0 0;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{font-size:1.5rem;color:var(--text);margin:0 0 .75rem;text-align:left}div.content div.about-section div.about-container div.text-content div.about-content .about-text a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .2s ease}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{width:400px;min-height:100%;border-radius:1rem;overflow:hidden}div.content div.about-section div.about-container div.face-container .face{width:100%;height:100%;object-fit:contain;border-radius:.5rem}div.content .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}div.content div#social{position:absolute;right:5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:0;padding:0;z-index:1}div.content div#social nav.links{display:flex;flex-direction:column;gap:1.5rem;width:100%}div.content div#social button{width:100%;text-align:center}div.content div#social p.links{margin:0;display:flex;flex-direction:column;gap:1rem;justify-content:center}h1{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--accent)}h1,h2{margin:0;text-align:center}h2{font-size:clamp(1.5rem,4vw,3rem);font-weight:600;color:var(--text);letter-spacing:-.5px}p.about{background:hsla(0,20%,79%,.749);width:45%;overflow-wrap:break-word;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}p.about,p.prog_req{text-align:center;display:inline-block;font-size:24pt}p.prog_req{background-color:rgba(160,154,188,.749)}p.links{display:inline-flex}svg.github g{fill:gold}