.about-page{--fg:#111;--bg:#fff;--accent1:#f5c518;--accent3:#ff6f61}.about-hero{background-color:var(--fg);width:100vw;height:100svh;color:var(--bg);flex-direction:column;justify-content:space-between;align-items:center;padding:8em 2em 6em;display:flex;position:relative;overflow:hidden}.about-hero .about-hero-header{text-align:center}.about-hero .about-hero-header h1{font-size:7.5rem}.about-hero .about-hero-bio{text-align:center;flex-direction:column;gap:2em;width:50%;display:flex}.about-hero .about-hero-portrait{aspect-ratio:5/7;border:.25em solid var(--accent3);outline:.25em solid var(--accent1);border-radius:1em;width:15%;position:absolute;top:55%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(10deg)}.about-copy{width:100vw;height:auto;padding:8em 2em;position:relative;overflow:visible}.about-copy .about-copy-content{text-align:center;background-color:var(--accent1);border:.25em solid var(--fg);border-radius:1em;flex-direction:column;gap:2em;width:50%;margin:0 auto;padding:3em 2em;display:flex}.about-copy .about-copy-content h3{font-weight:400}.about-copy .about-copy-content h3 span{font-weight:900}.about-copy .tag{background-color:var(--fg);z-index:1;border-radius:.5em;width:max-content;position:absolute}.about-copy .tag p{text-transform:uppercase;color:var(--bg);padding:.75em .5em .5em;font-size:1rem}#tag-1{top:50%;left:25%;transform:translate(-50%,-50%)rotate(20deg)}#tag-2{top:65%;left:15%;transform:translate(-50%,-50%)rotate(-45deg)}#tag-3{top:50%;left:75%;transform:translate(-50%,-50%)rotate(5deg)}#tag-4{top:75%;left:75%;transform:translate(-50%,-50%)rotate(45deg)}#tag-5{top:90%;left:80%;transform:translate(-50%,-50%)rotate(-60deg)}.skills{width:100%;height:100%;padding:4em 2em;position:relative}.skills .skills-copy{text-align:center;border:.2em dashed var(--fg);border-radius:1em;width:max-content;margin:0 auto;padding:2em}.stats{flex-direction:column;gap:2em;padding:8em 2em;display:flex}.stats .stats-row{gap:2em;display:flex}.stats .stats-header{flex:1}.stats .stats-item-1{background-color:var(--accent1);flex:1}.stats .stats-item-2{background-color:var(--accent3);flex:3}.stats .stats-item-3{background-color:var(--fg);color:var(--bg);flex:2}.stats .stats-item-1,.stats .stats-item-2,.stats .stats-item-3{aspect-ratio:16/7;border-radius:1em;padding:2em}.stats .stats-col{flex-direction:column;justify-content:space-between;display:flex}@media (max-width:1000px){.about-hero{padding:8em 2em 4em}.about-hero .about-hero-header h1{font-size:4rem}.about-hero .about-hero-bio{width:100%}.about-hero .about-hero-portrait{width:25%;top:50%;transform:translate(-50%,-50%)rotate(0)}.about-copy .about-copy-content{width:100%}.about-copy .about-copy-content h3{font-size:1.5rem}.about-copy .tag{padding:.5em .3em .3em;font-size:.8rem;display:block}#tag-1{top:25%;left:15%;transform:translate(-50%,-50%)rotate(10deg)}#tag-2{top:15%;left:75%;transform:translate(-50%,-50%)rotate(-20deg)}#tag-3{top:55%;left:10%;transform:translate(-50%,-50%)rotate(5deg)}#tag-4{top:65%;left:75%;transform:translate(-50%,-50%)rotate(20deg)}#tag-5{top:85%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.skills .skills-copy{border:none;width:100%;padding:0}.stats .stats-row{flex-direction:column}.stats .stats-col{text-align:center;gap:4em;width:100%}.stats .stats-header{gap:2em;margin-bottom:2em}}@media (max-width:480px){.about-copy .tag{padding:.4em .2em;font-size:.7rem}#tag-1{top:24%;left:15%;transform:translate(-50%,-50%)rotate(5deg)}#tag-2{top:15%;left:80%;transform:translate(-50%,-50%)rotate(-10deg)}#tag-3{top:55%;left:11%;transform:translate(-50%,-50%)rotate(0)}#tag-4{top:55%;left:88%;transform:translate(-50%,-50%)rotate(10deg)}#tag-5{top:90%;left:20%;transform:translate(-50%,-50%)rotate(-15deg)}.about-copy .about-copy-content h3{font-size:1.25rem}}.skills{background-color:var(--bg);color:var(--fg);flex-direction:column;justify-content:center;align-items:center;padding:6em 2em;display:flex}.skills-heading{letter-spacing:.1em;text-transform:uppercase;margin-bottom:2em;font-size:3rem}.skills-box{border:.25em dashed var(--fg);text-align:left;background-color:#f8f9f7;border-radius:1.5em;width:max-content;min-width:340px;padding:2.5em 3em;font-family:Courier New,Courier,monospace}.skill-item{white-space:nowrap;align-items:center;gap:1em;margin:.5em 0;display:flex}.skill-item img{object-fit:contain;width:30px;height:30px}.skill-item p{letter-spacing:.05em;margin:0;font-size:1rem;font-weight:600}.skill-item p span{font-weight:700}@media (max-width:768px){.skills{padding:4em 1em}.skills-heading{font-size:1.5rem}.skills-box{padding:1.5em}.skill-item img{width:24px;height:24px}.skill-item p{font-size:.9rem}}