*{padding:0;margin:0;list-style:none;text-decoration:none}@font-face{font-family:"superhelio";src:url("/fonts/superhelio-regular.TTF") format("truetype");font-display:swap}body,html{height:100%;max-width:100%;font-family:"superhelio",sans-serif;font-weight:normal;font-style:normal;background-color:#181b19;color:#fff}header{height:10%;color:#fff;display:flex;align-items:center;justify-content:space-between}.ascii-art{display:inline-block}.lines-button,.option:hover:after{border-radius:20px;background-color:#fff}.nav-bar{width:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-block;margin-left:10%}@media(max-width: 768px){.logo{margin-left:5%}}.mobile-button{width:30px;height:50px;margin-right:10%;display:none;cursor:pointer;z-index:100}@media(max-width: 768px){.mobile-button{display:block}}.lines-button{height:3px;width:30px;position:relative;top:50%;transition:.3s}.lines-button::after{content:"";height:3px;width:100%;background-color:#fff;border-radius:20px;position:absolute}.lines-button::before{content:"";height:3px;width:100%;background-color:#fff;border-radius:20px;position:absolute;top:10px;left:0}.lines-button::after{top:-10px;left:0}.close-lines{transform:rotate(45deg)}.close-lines::before{top:0;transform:rotate(-95deg)}.close-lines::after{display:none}.title{font-size:1.5rem;font-weight:400;margin:0;text-transform:uppercase}.title .name{display:inline-block}@media(max-width: 768px){.title .name{display:none}}.container-options{margin-right:10%;display:flex;justify-content:space-around}@media(max-width: 768px){.container-options{position:fixed;top:0;right:-100%;height:100vh;width:100%;background-color:rgba(0,0,0,.9);flex-direction:column;align-items:center;justify-content:center;margin:0;transition:right .3s ease-in-out}.container-options.active{right:0}}.option a{margin:.5rem;font-size:1.2rem;color:#fff;font-weight:bold;border-bottom:2px solid rgba(0,0,0,0);transition:border-color .3s;line-height:1.8rem;text-decoration:underline}.option a:hover{color:#30d5c8;border-color:#30d5c8;text-decoration:underline}.main{min-height:90%;width:100%;display:flex}@media(max-width: 768px){.main{flex-direction:column;width:80%;margin:10% 5%}}@keyframes cursor-blink{0%{opacity:0}}.main .accentuated{font-weight:bold;color:#30d5c8;gap:2px}.main .accentuated::after{content:"";width:2px;height:1.3rem;background:#30d5c8;display:inline-block;margin-left:2px;margin-bottom:-1px;animation:cursor-blink 1.25s steps(2) infinite}.main .italic{font-style:italic}.main .about{width:35%;margin:2.5% 5% 2.5% 10%}@media(max-width: 768px){.main .about{width:100%;margin:2rem 0}}.main .about .description{font-size:1.3rem;line-height:1.8rem;margin-bottom:2rem}@media(max-width: 768px){.main .about .description{font-size:1.1rem}}.main .about .about-title{font-size:1.3rem;margin:4rem 0 1rem 0}@media(max-width: 768px){.main .about .about-title{margin:2rem 0 1rem 0}}.main .about .skills{list-style:none;padding:0;margin-bottom:2rem;color:#b3b3b3}@media(max-width: 768px){.main .about .skills{margin-bottom:1.5rem}}.main .about .skills .skill{font-size:1.1rem;margin-bottom:.5rem;line-height:1.5rem}@media(max-width: 768px){.main .about .skills .skill{font-size:1rem}}.main .about .social-links li{display:inline;margin-right:.5rem}.main .about .social-links li .social-link{font-size:1.1rem;text-decoration:underline;color:#fff;font-weight:bold;border-bottom:2px solid rgba(0,0,0,0);transition:border-color .3s;line-height:1.8rem}.main .about .social-links li .social-link:hover{color:#30d5c8;border-color:#30d5c8}@media(max-width: 768px){.main .about li{display:block !important;margin:.5rem 0}}.main .projects{width:35%;margin:2.5% 10% 2.5% 5%}@media(max-width: 768px){.main .projects{width:100%;margin:2rem 0}}.main .projects .projects-title{font-size:1.3rem}.main .projects #project-wrapper{display:block;margin:0 auto 1rem auto;overflow-x:hidden}@media(max-width: 768px){.main .projects #project-wrapper{margin:1rem 0}}.main .projects .project_link:nth-child(1) .project{margin-top:15px}.main .projects .project_link:nth-last-child(1) .project{margin-bottom:15px}.main .projects .project{padding:1rem;color:#b3b3b3}.main .projects .project:hover{border-bottom:1px solid #30d5c8;color:#30d5c8}@media(max-width: 768px){.main .projects .project{padding:1.5rem 0 1.5rem 0}}.main .projects .project_title{font-size:1.1rem}.main .projects .project_stack{font-size:1rem}/*# sourceMappingURL=styles.css.map */