:root{--underLine: #A6A6A6}.header{border-bottom:3px solid #a6a6a6;background-color:rgba(2,4,12,.8);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;transition:border-bottom .3s ease}.header__menu-button{display:none;background:none;border:1px solid #fff;border-radius:8px;color:#fff;padding:4px 16px;font-size:2em;cursor:pointer}.header__container{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.header__branding{display:flex;align-items:center}.header__branding img{max-width:48px;height:48px;max-height:100%;width:100%;margin-right:16px}.header__nav{display:flex;justify-content:space-between}.header__nav__item{margin:0 10px;background-color:rgba(0,0,0,0)}.header__nav__item:nth-child(2){padding:0 16px}.header__nav__item.active a{border:2px solid #fff;background-color:#fff;color:#02040c}@media(max-width: 768px){.header__menu-button{margin-top:.5em;display:block}.header__nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:rgba(2,4,12,.8);z-index:999;border-bottom:3px solid #a6a6a6;max-height:0;overflow:hidden;transition:max-height .3s ease}.header__nav.show{display:flex;max-height:300px}.header__nav__item{margin:10px 0;text-align:center;opacity:0;transition:opacity .3s ease}.header__nav__item:first-child{margin-top:1em}.header__nav.show .header__nav__item{opacity:1}}.about__content{margin-top:64px;position:relative}.about__content__intro{margin:60px 5vw;max-width:1024px;width:100%;display:grid;grid-template-columns:auto auto;align-items:center;gap:4.5em}.about__content__intro__text{border-left:3px solid #a6a6a6;margin-left:20px;padding-left:22px}.about__content__intro__text h2{margin-bottom:4px}.about__content__intro__text h3{margin-bottom:8px}.about__title{position:relative;display:inline-block;margin-bottom:20px}.about__title .title{margin:0;padding:0;position:relative}.about__title .title::after{content:"";position:absolute;width:100%;height:2px;background-color:#a6a6a6;left:0;bottom:-5px}.about .about__content__item:last-child{margin-top:3em}.about .about__content__item{border-left:2px solid #34e1b8;display:flex;flex-direction:column}.skills__content li{padding-top:2em}.skills__content li ul{margin-left:1em;display:flex;align-items:center}.skills__content li ul .circle{padding:4px;border-radius:50%;background-color:#fff;margin-right:10px}.skills__content li ul .text--big{color:#fff}.skills__content__title{position:relative;display:inline-block;margin-bottom:20px}.skills__content__title .title{margin:0;padding:0;position:relative}.skills__content__title .title::after{content:"";position:absolute;width:100%;height:2px;background-color:#a6a6a6;left:0;bottom:-5px}.skills__content__tools{margin:3em 0 0 6em;text-align:center;display:grid;grid-template-columns:repeat(5, 1fr);width:720px;align-items:center;gap:1em;border-left:2px solid #34e1b8}.skills__content__tools__item{display:flex;flex-direction:column;align-items:center}.skills__content__tools__item img{max-width:80px;width:100%;transition:ease .5s}.skills__content__tools__item img:hover{transform:scale(1.2)}.skills__content__tools__item .grunt-icon{max-width:60px}.skills__content__tools__item .HTML5-icon{max-width:72px}.skills__content__tools__item h6{padding-top:6px}.education__content{margin-top:6em}.education__content__title{position:relative;display:inline-block;margin:20px 0px 3em 0px}.education__content__title .title{margin:0;padding:0;position:relative}.education__content__title .title::after{content:"";position:absolute;width:100%;height:2px;background-color:#a6a6a6;left:0;bottom:-5px}.education__content__item{margin-left:6em}.education__content__item:nth-child(2){margin-top:3em;margin-bottom:3em}.education__content__item{border-left:2px solid #34e1b8;display:flex;flex-direction:column}.education__content__item__detail{display:flex;align-items:center;margin-left:2em;margin-bottom:1em}.education__content__item__detail img{margin-right:16px;max-width:42px;width:100%}.languages__content{margin-top:6em}.languages__content__title{position:relative;display:inline-block;margin:20px 0px 3em 0px}.languages__content__title .title{margin:0;padding:0;position:relative}.languages__content__title .title::after{content:"";position:absolute;width:100%;height:2px;background-color:#a6a6a6;left:0;bottom:-5px}.languages__content__item{margin-left:6em;border-left:2px solid #34e1b8;display:flex;flex-direction:column}.languages__content__item__detail{display:flex;align-items:center;margin-left:2em;margin-bottom:1em}.languages__content__item__detail img{margin-right:16px;max-width:80px;width:100%}@media(max-width: 1023px)and (min-width: 765px){.about__content__intro{margin:60px 2vw;max-width:1024px;gap:2em}}.footer{border-top:3px solid #a6a6a6;text-align:center;margin-top:8em}.footer__container .title--small{font-size:20px}.footer__container{padding:22px 0px}.projects__content{margin-top:64px;position:relative}.projects__content__project{margin:6em;max-width:832px;border-radius:8px;transition:ease .5s;border:1px solid rgba(255,255,255,.02);padding:1.5em 1em 2em 2em}.projects__content__project:hover{transition:ease .5s;border:1px solid #34e1b8}.projects__content__project__inside{margin-top:.5em}.projects__content__project__inside>img{max-width:356px;width:100%}.projects__content__project__inside{display:grid;grid-template-columns:1fr 1fr}.projects__content__project__inside__icons{display:flex;justify-content:end;margin-right:2em;margin-top:4em}.projects__title{position:relative;display:inline-block;margin-bottom:20px}.projects__title .title{margin:0;padding:0;position:relative}.projects__title .title::after{content:"";position:absolute;width:100%;height:2px;background-color:#a6a6a6;left:0;bottom:-5px}.contact__content__links{margin-top:5em;margin-left:8em;border-left:2px solid #34e1b8;display:flex;align-items:center}.contact__content__links__item{margin-right:4em;padding:2em 0}.contact__content__links__item img{transition:ease .5s;max-width:80px;width:100%}.contact__content__links__item img:hover{transform:scale(1.2)}.contact__content__links__item:first-child{margin-left:2em}.contact__title{position:relative;display:inline-block;margin-bottom:20px}.contact__title .title{margin:0;padding:0;position:relative}.contact__title .title::after{content:"";position:absolute;width:100%;height:2px;background-color:#a6a6a6;left:0;bottom:-5px}@font-face{font-family:Electrolize;src:url(../../assets/fonts/Electrolize-Regular.ttf);font-weight:400}*{margin:0;padding:0;box-sizing:border-box;font-family:Electrolize,sans-serif;list-style:none}body{background-color:#02040c;margin:0;padding:0;position:relative}.light{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.05), transparent 40%);transition:background .1s;z-index:1}.container,.about,.projects,.contact,.footer{position:relative;z-index:2}.text--big{font-size:20px;line-height:30px;color:#bebebe}.text{font-size:18px;line-height:28px;color:#bebebe}.text--small{font-size:14px;line-height:24px;color:#bebebe}.title--big{font-size:36px;line-height:46px;color:#bebebe;color:#fff}.title{font-size:32px;line-height:42px;color:#bebebe;color:#fff}.title--small{font-size:30px;line-height:40px;color:#bebebe;color:#fff}.title--smaller{font-size:18px;line-height:28px;color:#bebebe;color:#fff}.highlight{color:#34e1b8}.button{text-decoration:none;font-size:32;line-height:42px;color:#bebebe;color:#fff;padding:8px 22px;border:2px solid #a6a6a6;border-radius:8px}.button:hover{border:2px solid #fff;background-color:#fff;color:#02040c}.container{width:100%;max-width:1024px;margin:0 auto}.underline{padding-top:3px;background-color:#a6a6a6;width:100%}@media(max-width: 1023px)and (min-width: 764px){.container{width:90%}}@media(max-width: 1023px){.light{display:none;visibility:hidden}section{margin:1em;width:80%}.text--big{font-size:16px;line-height:26px;color:#bebebe}.text{font-size:14px;line-height:24px;color:#bebebe}.text--small{font-size:12px;line-height:22px;color:#bebebe}.title--big{font-size:28px;line-height:38px;color:#bebebe;color:#fff}.title{font-size:26px;line-height:36px;color:#bebebe;color:#fff}.title--small{font-size:22px;line-height:32px;color:#bebebe;color:#fff}.title--smaller{font-size:18px;line-height:28px;color:#bebebe;color:#fff}.skills__content__tools{margin:3em 0 0 6em;display:grid;grid-template-columns:repeat(5, 1fr);width:80%;align-items:center;gap:1em}.skills__content__tools img{max-width:50px;width:100%}.skills__content__tools .grunt-icon{max-width:40px}.skills__content__tools .HTML5-icon{max-width:42px}.skills__content__tools h6{padding-top:6px}.projects__content{margin:0}.projects__content .container{margin:0}.projects__content__project{margin:1em;max-width:600px;padding:20px 8px 8px 20px}.projects__content__project__inside{margin-top:.5em;display:grid;grid-template-columns:1fr 1fr}.projects__content__project__inside>img{max-width:248px;width:100%}.projects__content__project__inside__icons{display:flex;justify-content:end;margin-right:1em;margin-top:1em}}@media(max-width: 763px){.container{width:90%}.header__container{display:flex;flex-direction:column}.header__nav{display:flex;flex-direction:column}.header__nav__item:first-child{margin-top:1em}.header__nav__item:nth-child(2){padding:10px 0}.button{text-align:center;line-height:normal;display:block;padding:0 auto}.about__content__intro{display:block}.about__content__intro img{margin-bottom:2em}.skills__content__tools{margin:3em 0 0 3em;display:grid;grid-template-columns:repeat(2, 1fr);width:80%;align-items:center;gap:1em;border-left:2px solid #34e1b8}.skills__content__tools img{max-width:50px;width:100%}.skills__content__tools .grunt-icon{max-width:40px}.skills__content__tools .HTML5-icon{max-width:42px}.skills__content__tools h6{padding-top:6px}.education__content__item{margin-left:3em}.education__content__item__detail{margin-left:1em;margin-bottom:1em}.education__content__item__detail h6{font-size:16px;line-height:normal}.education__content__item__detail img{margin-right:16px;max-width:30px;width:100%}.languages__content__item{margin-left:3em}.languages__content__item__detail{margin-left:1em;margin-bottom:1em}.languages__content__item__detail h6{font-size:16px;line-height:normal}.languages__content__item__detail img{margin-right:16px;max-width:60px;width:100%}.projects__content__project{width:350px;margin:2em auto;padding:1.5em 1em 1em 1em}.projects__content__project__inside{display:block;margin-top:.5em}.projects__content__project__inside>img{width:80%;margin-left:1.5em;margin-bottom:1em;margin-top:1em}.projects__content__project__inside__icons{margin-right:1em;margin-top:1em}.projects__content__project__inside__icons a img{width:36px}.contact__content__links{margin-top:2em;margin-left:3em}.contact__content__links__item{margin-right:1em;padding:1em 0}.contact__content__links__item img{max-width:40px}.contact__content__links__item:first-child{margin-left:1em}.footer{margin-top:3em}}