@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{background-color:#f7f5f5;scroll-behavior:smooth}.App{align-items:center;background-color:#f7f5f5;flex-direction:column;min-height:100vh;padding:0 1rem;scrollbar-width:none}.App,.graphic{display:flex;overflow:hidden}.graphic{bottom:0;justify-content:center;position:absolute;width:100%;z-index:1}.graphic img{transform:translateY(25%);width:100%}@media screen and (max-width:850px){.graphic{bottom:15%;overflow:visible}.graphic img{width:70%}}@media screen and (max-width:550px){.graphic{bottom:30%;max-width:100%;overflow-x:hidden;overflow-y:auto}.graphic img{position:fixed;width:130%}}.header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem 0;z-index:10}.header .logo{margin-bottom:2rem;max-width:40px}.header .logo img{width:100%}.header .heading{align-items:center;display:flex;flex-direction:column;font-family:Space Mono,monospace}.header .heading .name{font-size:14px;font-weight:200;text-transform:uppercase}.header .heading .tagline{font-size:12px;text-align:center}.header .banner{background-color:#f7f5f5;border:1px solid #131313;max-width:450px;padding:10%}.header .banner img{width:100%}.header .description{color:#db1d6f;font-family:Space Mono,monospace;font-size:12px;text-align:center;text-transform:uppercase}.cta-buttons{align-items:center;display:flex;flex-direction:column;gap:2rem;z-index:10}.cv-button{background-color:#f7f5f5;border:1px solid #db1d6f;color:#db1d6f;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;min-width:max-content;padding:1.3rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.cv-button:hover{background-color:#f7f5f5;border-color:#646a82;color:#646a82}.portfolio-button{word-wrap:normal;background-color:#ffb2e04d;border:none;border-radius:35px;color:#131313;cursor:pointer;font-family:Space Mono,monospace;font-size:18px;font-style:normal;font-weight:400;gap:.8rem;padding:10px 25px;text-transform:uppercase;width:fit-content}.portfolio-button,.portfolio-button .icon{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.portfolio-button .icon{height:17px;width:17px}.portfolio-button .icon img{height:100%;width:100%}.portfolio-button:hover{background-color:#ffb2e080;border-radius:0}.portfolio-button:hover .icon{transform:rotate(90deg)}footer{display:flex;flex-direction:column;gap:1rem;margin:3rem 0 2rem;z-index:10}footer .social-links{display:flex;gap:15px}footer .social-links a{align-items:center;background-color:#ffb2e080;border-radius:50%;display:flex;height:55px;justify-content:center;transition:all .3s ease;width:55px}footer .social-links a svg{height:30px;width:30px}footer .social-links a svg path{fill:#131313}footer .social-links a:hover{animation:icon .3s ease;background-color:#131313}footer .social-links a:hover svg path{fill:#ffb2e0}footer .email-link{color:#db1d6f;font-family:Inter,sans-serif;text-align:center}@keyframes icon{50%{transform:scale(1.1)}}@media screen and (max-width:850px){footer{margin-top:3rem}}
/*# sourceMappingURL=main.8a2bc689.css.map*/