@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--black: #1c1c1c;--white: #f2f2f2}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;color:var(--black)}body{background-image:url(https://images.unsplash.com/photo-1721176661647-4053c32afe07?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:center;background-repeat:no-repeat;background-attachment:fixed;height:100%;width:100%}main{display:flex;justify-content:center;margin:1rem 0;animation:fade .3s ease-in-out}.home,.graphic-design,.photography,.web-development,.project{background-color:#ffffffd9;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:.5rem}@media (min-width: 1200px){.home,.graphic-design,.photography,.web-development,.project{background-color:#ffffffd9;display:flex;flex-direction:column;align-items:center;gap:2rem;width:calc(825px + 4rem);padding:1rem}}p{font-family:Open Sans,sans-serif;font-weight:600}a{text-decoration:none}@keyframes fade{0%{opacity:0}to{opacity:1}}header{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.25rem 0;position:sticky;top:0;left:0;background-color:#fff;z-index:99}header div{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem}#nav-toggle{color:var(--black);border:none;background-color:inherit;cursor:pointer}nav{display:flex;background-color:#fff;flex-direction:column;gap:.5rem;justify-content:space-between;align-items:center;height:0;opacity:0;padding:0;transition:.3s}nav.open{height:175px;opacity:1;padding:.75rem 0;transition:.3s}nav a{display:none;visibility:hidden;color:var(--black);font-size:1.1rem;font-weight:400;text-decoration:none;padding-bottom:.25rem;transition:.3s}nav a.open{display:block;visibility:visible;transition:.3s}#logo-header{height:30px;width:auto}nav img{display:none;height:40px;width:auto}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:var(--black);transform-origin:center;transition:transform .2s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:center}@media (min-width: 1200px){header{position:sticky;top:0;left:0;background-color:#ffffffd9;gap:0;z-index:99}header div{padding:0;justify-content:center}#nav-toggle{display:none}.my-name{text-align:center}nav{background-color:#fff0;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:5rem;height:auto;opacity:1;padding:.5rem 10rem}#logo-header{display:none}nav a{display:block;visibility:visible;color:var(--black);font-size:1.1rem;font-weight:400;text-decoration:none;padding-bottom:.25rem;transition:.3s}nav img{display:block;height:40px;width:auto}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:var(--black);transform-origin:center;transition:transform .2s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:center}}.img-me{height:300px;width:300px;border-radius:50%;border:.5rem solid white}.about-me{display:flex;flex-direction:column;gap:1rem}.about-me h1{text-align:center;font-size:2rem}.about-me p{padding:0 1rem;text-indent:1.5rem;font-size:1.2rem}.skills{display:flex;flex-wrap:wrap;gap:1rem}.skills h2{font-size:1.5rem;margin-bottom:1rem}.skills ul{padding-left:2rem}@media (min-width: 1200px){.skills{display:flex;justify-content:center;gap:2rem}.skills ul{padding-left:1rem}}.graphic-design .header{text-align:center}.graphic-design .header h1{font-size:2rem}.graphic-design .header p{margin-top:.5rem;font-size:1.1rem}.port-graphic{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.port-graphic img{width:300px;height:300px;transition:.3s}.port-graphic img:hover{transform:scale(103%);transition:.3s}@media (min-width: 1200px){.port-graphic{justify-content:flex-start;width:calc(825px + 2rem)}.port-graphic img{width:275px;height:275px}}.photography .header{text-align:center}.photography .header h1{font-size:2rem}.photography .header p{margin-top:.5rem;font-size:1.1rem}.port-photo{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.port-photo img{width:300px;height:300px;transition:.3s}.port-photo img:hover{transform:scale(103%);transition:.3s}@media (min-width: 1200px){.port-photo{justify-content:flex-start;width:calc(825px + 2rem)}.port-photo img{width:275px;height:275px}}.web-development .header{text-align:center}.web-development .header h1{font-size:2rem}.web-development .header p{margin-top:.5rem;font-size:1.1rem}.port-web{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.port-web img{width:300px;height:300px;transition:.3s}.port-web img:hover{transform:scale(103%);transition:.3s}@media (min-width: 1200px){.port-web{justify-content:flex-start;width:calc(825px + 2rem)}.port-web img{width:275px;height:275px}}.project .header{text-align:center}.project .header h1{font-size:2rem}.project .header p{margin-top:.75rem;font-size:1.1rem}.project-images{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.project-images .landscape,.project-images .portrait,.project-images .square{width:100%;height:auto}.project-video{width:320px;height:240px}@media (min-width: 1200px){.project-images{width:calc(825px + 2rem)}.project-images .landscape{max-width:650px;height:auto}.project-images .portrait{max-width:500px;height:auto}.project-images .square{width:500px;height:auto}.project-video{width:640px;height:320px}}@media (min-width: 1400px){.project-images{width:calc(825px + 2rem)}.project-images .landscape{max-width:750px;height:auto}.project-images .portrait{max-width:650px;height:auto}.project-images .square{width:500px;height:auto}.project-video{width:750px;height:562.2px}}.contact-page{display:flex;justify-content:center;margin-top:1rem;animation:fade .3s ease-in-out}.contact{background-color:#ffffffbf;width:100%;padding:2rem 1rem}.contact h1{font-size:2rem;color:var(--black);text-align:center;margin-bottom:.75rem}.contact h2{text-align:center;font-size:1.25rem;font-weight:800;color:var(--black);margin-bottom:.75rem}.contact h3{text-align:center;font-size:1.15rem;color:var(--black);margin-bottom:.75rem}.social-media{display:flex;justify-content:center;align-items:center;gap:1rem}.social-media a{display:flex;justify-content:center;align-items:center;text-decoration:none}.social-media a i{color:var(--black);font-size:1.5rem;border-radius:50%;background-color:var(--white);padding:.75rem;transition:.3s}.social-media a i:hover{color:var(--white);background-color:var(--black);transition:.3s}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-info a{color:var(--black);font-size:1.25rem;text-decoration:none;transition:.3s}.contact-info a:hover{color:gray;transition:.3s}@media (min-width: 1200px){.contact{background-color:#ffffffbf;width:75%;padding:2rem 5rem}}@media (min-width: 1900px){.contact{background-color:#ffffffbf;width:50%;padding:2rem 5rem}}