.about-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.headshot{display:block;max-width:15rem;height:auto;border-radius:50%}.icons{color:#fff;margin:1rem;font-size:3rem}.description{margin-top:0}.intro{margin-bottom:0}.skill-showcase{position:relative;color:var(--text);padding-block:clamp(3rem,6vw,6rem)}.skills-inner{max-width:1100px;margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,2vw,1.25rem)}.skills-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin:0;color:#ffffffde;text-align:center}.skills-content{width:min(100%,1100px);max-width:1100px;max-height:800px;min-height:clamp(320px,50vh,560px);margin-top:clamp(.5rem,1.5vw,1rem);background:rgba(255,255,255,.87);border:1px solid #e5e7eb;border-radius:24px;padding:clamp(.75rem,2vw,1rem);color:#000;overflow-y:scroll}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}.skills-scroller{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-height:500px;overflow-y:auto;padding:10px;scrollbar-color:lightgray}.skills-scroller::-webkit-scrollbar{width:10px}.skills-scroller::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}.skills-scroller::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}.skills-scroller::-webkit-scrollbar-thumb:hover{background:darkgray}.skill-tile{background-color:#d3d3d3;border:1px solid #D3D3D3;border-radius:24px;padding:clamp(.75rem,2vw,1rem);width:200px;text-align:center}.skill-tile:hover{background-color:#a9a9a9;cursor:pointer}.skill-overlay{display:flex;flex-direction:column}.close{margin-right:auto;padding:5px;width:20px;height:20px}.close:hover{background-color:#d3d3d3;border-radius:24px;cursor:pointer}.project-content{display:flex;flex-direction:column;place-content:center;align-items:center}.overlay-title{margin-bottom:5px;margin-top:5px}.overlay-description{margin-top:0;text-indent:2rem;line-height:1.6;text-align:justify;letter-spacing:.2px;word-spacing:1px;padding:1em}.overlay-image{max-width:90%;max-height:80vh;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.main-div-computer{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:space-evenly}.main-div-mobile{display:flex;height:100vh;justify-content:center;align-items:center;flex-direction:column}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(-45deg,#4A55A2,#7895CB,#2E8A99,#C5DFF8);background-size:400% 400%;animation:gradient 15s ease infinite;height:100vh}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}