@import"https://fonts.googleapis.com/css2?family=Tienne:wght@400;700;900&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--background: #252728;--purple: #633f7d;--font-grey: #b5b3b2;--light-grey: #8f8f8d;font-family:Domine,Georgia,serif;max-width:100%;margin:0 auto;text-align:center}html,body{height:100%}a{font-weight:500;color:var(--font-grey);text-decoration-color:var(--purple);text-underline-offset:8px}a:hover{color:var(--purple)}body{background-color:var(--background)}#name{font-size:5em;margin-top:.25em;margin-bottom:.75em;-webkit-text-stroke:2px var(--purple)}h1,h2,h3,h4,h5,h6,p{color:var(--font-grey)}.nav{margin-bottom:2em}.nav ul{display:inline;font-size:2em;margin-top:1em}.about-me,.technologies,.testimonials{display:flex;flex-direction:column;width:60%;margin:0 auto;text-align:left}.technologies{flex-wrap:nowrap;justify-content:center;gap:10px;overflow-x:auto}.skills-icon{display:inline;padding:5px}.projects-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:30px}.project-item{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:var(--transition)}.project-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.project-img{width:100%;height:250px;object-fit:cover}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--purple);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s;color:#fff;text-align:center}.project-item:hover .project-overlay{opacity:.8;transform:scale(1)}.project-overlay h3{font-size:1.5rem;margin-bottom:10px}.project-overlay p{margin-bottom:20px}.project-links{display:flex;gap:15px}.project-links a{width:40px;height:40px;background-color:var(--background);color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:var(--transition)}.project-links a:hover{background-color:var(--secondary-color);color:var(--background);transform:scale(1.1)}.project-container{width:min(1000px,100%);margin:0 auto;columns:3 300px;column-gap:1em}img{display:block;width:100%}.resume-container{height:100%;position:relative}.download{padding-bottom:2em}.footer{background-color:var(--background);color:var(--font-grey);padding:20px;text-align:center}footer{font-size:1em;position:fixed;left:0;bottom:0;width:100%}footer ul{display:inline}.email{padding:2vh}