*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html,body{height:100%;overflow-x:hidden}body{font-family:Open Sans,sans-serif;font-size:16px;background-color:#34495e}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.main-content{flex:1}.wrapper{margin:0 auto;width:100%;max-width:900px}.section-heading{margin:10px 0;font-size:2rem;text-align:center;color:#ecf0f1}.section-spacing{padding:10px}.navbar{position:relative;background-color:#2c3e50;padding:1rem 0;min-height:3.5rem}.navbar__burger-menu{display:block;position:absolute;top:1rem;right:1rem;z-index:101}.navbar__burger-menu i{color:#ecf0f1;font-size:1.5rem;cursor:pointer}.navbar__items{display:none;position:absolute;top:100%;left:0;right:0;background-color:#2c3e50;padding:1rem;flex-direction:column;align-items:flex-start;box-shadow:0 4px 6px #0000004d;z-index:100}.navbar__items.active{display:flex}.navbar__items a,.navbar__items a:visited{margin:.5em 0;padding:.5em;text-decoration:none;color:#ecf0f1;font-size:1.25rem;transition:color .3s ease-in-out;width:100%}.navbar__items a:hover{color:#bdc3c7}.header{width:100%;height:50dvh;background-color:#34495e;background-size:cover;background-position:center;background-repeat:no-repeat}.header__content{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.header__content__info{width:100%;text-align:center}.header__content__info__title h1{margin-bottom:.25em;color:#ecf0f1;font-size:2.25rem}.header__content__info__title p{margin:0;color:#ecf0f1;font-size:1.5rem}.header__content__info__socials{display:flex;justify-content:center;align-items:center;width:100%;margin-top:1em}.header__content__info__socials p{color:#ecf0f1;border:1px solid #ecf0f1}.header__content__info__socials i{margin:0 .5em;color:#ecf0f1;font-size:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.header__content__info__socials__resume-btn{margin:0 .5em;padding:.5em 1em;background:none;box-shadow:none;border:1px solid #ecf0f1;color:#ecf0f1;border-radius:5px;cursor:pointer;text-transform:uppercase}.header__content__image{width:100%;height:300px;background-color:#7f8c8d80}.header__content__image-img{width:300px;text-align:center}@keyframes pulse{0%{transform:scale(1.2);opacity:.5}to{transform:scale(2);opacity:0}}.techstack{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100%}.techstack h2{font-size:1.5rem;margin-bottom:.5em;color:#ecf0f1}.techstack__boxes{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:100%}.techstack__box{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:.25em 0;width:20%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.techstack__box h3{font-size:1rem;color:#ecf0f1}.techstack__box__items{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:100%}.techstack__box__item{display:flex;justify-content:center;align-items:center;margin:.25em .3em;padding:.25em .5em;height:auto;width:9em;background-color:#bdc3c740;border:1px solid rgba(189,195,199,.5);border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.techstack__box__item p{display:block;width:100%;text-align:center;margin:0 .25em;font-size:.9rem;color:#ecf0f1}.techstack__box__item img{width:1.5em;height:1.5em;margin-right:.25em;border-radius:5px}footer{display:flex;justify-content:center;align-items:center;width:100%;height:3rem;background-color:#2c3e50;color:#bdc3c7}.contacts{background-color:#34495e}.contacts__content{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100%}.contacts__content h2{color:#ecf0f1;font-size:2rem}.contacts__content_item{display:flex;flex-direction:row;align-items:center;margin-top:1em}.contacts__content_item i{color:#ecf0f1;font-size:1.25rem;margin-right:.5em}.contacts__content_item a{color:#ecf0f1;font-size:1rem;text-decoration:none;transition:color .3s ease-in-out}@media screen and (min-width: 768px){.navbar__burger-menu{display:none}.navbar__items{display:flex;position:static;flex-direction:row;justify-content:flex-start;align-items:center;border:none;border-radius:5px;padding:0;box-shadow:none}.navbar__items a,.navbar__items a:visited{margin:0 2.5em 0 0;padding:.25em;text-decoration:none;color:#ecf0f1;font-size:1.25rem;transition:color .3s ease-in-out;width:auto}.navbar__items a:hover{color:#bdc3c7}}