.padding-horizontal-24{padding-left:24px;padding-right:24px}.padding-top-50{padding-top:50px}*{margin:0;padding:0;box-sizing:border-box;cursor:url(../../../../resources/svg/cursor.svg) 16 16,auto;width:auto;scroll-behavior:smooth}.navbar{display:flex;position:fixed;width:100%;justify-content:space-between;align-items:center;padding:24px 24px;background-color:#16202a;opacity:1;transition:all 1s;z-index:1000}.navbar-logo{font-size:24px;font-weight:700;text-decoration:none;list-style-type:none}.navbar-list{list-style:none;display:flex}.navbar-item{margin-right:15px}.navbar-link{text-decoration:none;color:#fff;text-transform:capitalize;font-family:Poppins,sans-serif;font-weight:700;padding-top:8px;padding-bottom:8px;transition:color .15s ease-in-out,background-color .15s ease-in-out}.navbar-link:hover{color:#5a7ffb}.menu-icon{display:none;font-size:32px;cursor:pointer;color:#fff}#menu-toggle{display:none}@media (max-width:767px){.menu-icon{display:block}.navbar-list{display:none}}#menu-toggle:checked~.navbar-list{display:flex;flex-direction:column;position:absolute;top:70px;left:0;width:100%;background-color:#16202a}#menu-content{position:fixed;top:70px;width:100%;background-color:#16202a;padding:20px;color:#000;list-style-type:none;text-align:center;display:none}.navbar-link-hidden{text-decoration:none;text-transform:capitalize;font-family:Poppins,sans-serif;font-weight:700;padding-top:8px;padding-bottom:8px;color:#fff}.navbar-link-hidden:hover{color:#5a7ffb}.navbar-item-hidden{padding-top:12px;padding-bottom:12px}#menu-content.visible{display:block;z-index:1000}@media (min-width:769px){#menu-content.visible{display:none}}.about-me{height:100vh;max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:24px;padding-right:24px;background-image:url(../../../../resources/images/hero_pattern.webp);background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat;transition:all .2s}.about-me__name{color:#fff;font-size:96px;font-family:Poppins,sans-serif;font-weight:900;transition:text-shadow 1s ease-in-out .22s}@media (max-width:714px){.about-me__name{font-size:84px}}@media (max-width:631px){.about-me__name{font-size:72px}}@media (max-width:548px){.about-me__name{font-size:60px}}@media (max-width:464px){.about-me__name{font-size:46px}}.about-me__name:hover{text-shadow:5px 5px 1px #a8ccf7}.about-me__description{color:#fff;font-size:48px;text-align:center;font-family:"Roboto Mono",monospace;letter-spacing:3px;font-weight:900;text-shadow:5px 5px 1px #16202a;transition:text-shadow 1s ease-in-out .22s}@media (max-width:494px){.about-me__description{font-size:32.9px}}.about-me__description:hover{text-shadow:5px 5px 1px #a8ccf7}.footer{background-color:#eaeaea;height:64px;display:flex;align-items:center;transition:all 1s}.footer-copyright{color:#2b2b2b;font-weight:600}.footer-socials{display:flex;margin-left:auto}.footer-socials__item{display:flex;align-items:center;margin-left:20px}@media (max-width:768px){.footer-socials__item{margin-bottom:10px;margin-bottom:0}}.footer-socials__item a{text-decoration:none;color:#2b2b2b;display:contents}@media (max-width:604px){.footer-socials__item p{display:none}}.footer-socials__item a:hover{text-decoration:underline;color:#930}.footer-socials__item img{height:24px;margin-right:5px}.skills{height:auto;display:flex;flex-wrap:wrap;flex-grow:1;margin-left:0;margin-right:0;background-color:#1a2540;transition:all 1s}.skill-box{display:flex;flex-basis:25%;margin-bottom:90px;margin-top:26px;flex-direction:column;align-items:center;text-align:center;transition:background-color .8s ease,opacity .5s ease}.skill-box img{height:150px}.skill-box h2{color:#fff;margin-top:18px;font-family:"Open Sans",sans-serif;letter-spacing:.2rem}#skill-html5:hover{background-color:#e34f26}#skill-css:hover{background-color:#007db7}#skill-sass:hover{background-color:#ce659b}#skill-php:hover{background-color:#7a7eb6}#skill-sql:hover{background-color:#039}#skill-javascript:hover{background-color:#f7df1e}#skill-bootstrap:hover{background-color:#8b13fb}#skill-jquery:hover{background-color:#0968ad}#skill-wordpress:hover{background-color:#111516}#skill-ftp:hover{background-color:#b30100}#skill-npm:hover{background-color:#c53634}#skill-gulp:hover{background-color:#ce4747}#skill-ssh:hover{background-color:#1ecb13}#skill-mysql:hover{background-color:#025e87}#skill-git:hover{background-color:#e84e30}#skill-docker:hover{background-color:#1c63ed}#skill-vuejs:hover{background-color:#42b883}@media (max-width:1200px){.skill-box{flex-basis:33.33%}}@media (max-width:768px){.skill-box{flex-basis:50%}}@media (max-width:480px){.skill-box{flex-basis:100%}}.projects{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0;background-color:#1a2438}.project-box{display:flex;flex-basis:100%;margin-bottom:90px;margin-top:26px;flex-direction:column;align-items:center;text-align:center;transition:background-color .8s ease,opacity .5s ease}.project-box__thumbnail{height:300px;width:500px;padding-top:11px;background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat;transition:transform .5s}.project-box__thumbnail:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.project-box__description,.project-box__title{color:#fff;margin-top:18px;font-family:"Open Sans",sans-serif;letter-spacing:.2rem}.project-box-buttons__wrapper{display:flex;align-items:center;justify-content:flex-end;margin-top:32px}.project-box__button{border-radius:5px;border:none;display:flex;background-color:#5a7ffb;color:#fff;margin-right:20px;margin-left:20px;text-decoration:none;padding:5px;width:150px}.project-box__button:hover{transition:.8s ease,opacity .5s ease;background-color:#063ae9}.project-box__button p{display:flex;align-items:center;margin-left:auto;font-size:17px}.project-box__button-svg{display:flex;width:25px;height:26px;margin-left:auto;margin-right:18px}