@keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}100%{opacity:1;transform:translateY(0)}}.moveInBottomAn{animation:moveInBottom 0.7s}@keyframes appears{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{font-family:"Montserrat", sans-serif;box-sizing:border-box;background-color:#141414;overflow:hidden}h1::selection,h3::selection,a::selection,p::selection{background-color:#bef9fa;color:#000}.main{height:20vh;background-color:#181A1B;background-size:cover;display:flex;justify-content:space-between;padding:2.5rem 6rem}@media screen and (max-width: 870px) and (orientation: landscape){.main{height:15vh;padding:1.6rem}}@media screen and (max-width: 790px){.main{height:33vh;padding:6.2rem 2.8rem}}@media screen and (max-width: 790px) and (orientation: landscape){.main{height:15vh;padding:1rem}}@media screen and (max-width: 500px){.main{flex-direction:column}}.main__profile{opacity:0;animation:appears 1s linear 0.5s forwards}.main__profile-title{color:#fff;font-size:3.7rem;font-weight:300}@media screen and (max-width: 870px){.main__profile-title{font-size:3rem}}@media screen and (max-width: 790px){.main__profile-title{font-size:2.2rem}}.main__profile-title p{opacity:0;animation:appears 1s linear 1s forwards;color:#6BEFF2;font-size:2rem;font-weight:400}@media screen and (max-width: 870px){.main__profile-title p{font-size:1.6rem}}@media screen and (max-width: 870px) and (orientation: landscape){.main__profile-title p{visibility:hidden}}@media screen and (max-width: 600px) and (orientation: landscape){.main__profile-title p{visibility:hidden}}.main__buttons{opacity:0;animation:appears 1s linear 2s forwards}.main__buttons-list{display:flex;list-style:none;font-size:1.6rem;color:#fff}.main__buttons-list li:not(:last-of-type){padding-right:1.8rem}@media screen and (max-width: 870px){.main__buttons-list{font-size:1.4rem}}@media screen and (max-width: 790px){.main__buttons-list{flex:1;justify-content:center}.main__buttons-list li:not(:first-of-type){margin-left:0.5rem}}@media screen and (max-width: 600px) and (orientation: landscape){.main__buttons-list{font-size:1.05rem}.main__buttons-list li:not(:last-of-type){padding-right:0.2rem}}@media screen and (max-width: 500px){.main__buttons-list{padding-top:2.6rem;justify-content:space-between}}.btn-menu-active,.btn-menu{color:#fff;text-decoration:none;display:inline-block;padding:1rem;position:relative;transition:color 0.8s;width:9rem}@media screen and (max-width: 790px){.btn-menu-active,.btn-menu{width:7.5rem}}@media screen and (max-width: 600px) and (orientation: landscape){.btn-menu-active,.btn-menu{height:3rem}}.btn-menu-active,.btn-menu:hover{color:#181A1B}.btn-menu-active::before,.btn-menu::before{content:"";position:absolute;top:0;left:0;height:100%;width:1px;background-color:#6BEFF2;z-index:-1;transition:width 0.4s cubic-bezier(1, 0, 0, 1) 0.3s,background-color 0.1s}.btn-menu-active::before,.btn-menu:hover::before{transform:scale(1);width:100%}#send-email{opacity:1;position:absolute;transition:opacity 0.5s}#complete-fields{opacity:0;position:absolute;transition:opacity 0.5s}#sent{opacity:0;position:absolute;transition:opacity 0.5s}#sending{opacity:0;position:absolute;transition:opacity 0.5s}#error{opacity:0;position:absolute;transition:opacity 0.5s}.content{height:80vh;position:relative;background-color:#181A1B;background-size:cover;padding:2.5rem 6rem;display:flex;flex-direction:column;align-items:center;transition:opacity 1s;-webkit-clip-path:polygon(0 0, 100% 0, 100% 80%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 80%, 0 100%)}@media screen and (max-width: 790px) and (orientation: landscape){.content{height:85vh;padding:4rem 6rem;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}@media screen and (max-width: 870px) and (orientation: landscape){.content{height:85vh;padding:4rem 6rem;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}@media screen and (max-width: 790px) and (orientation: portrait){.content{height:67vh;padding:2rem 2rem;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}.content__initial{opacity:0;left:6rem;position:absolute;animation:appears 1s linear 3s forwards;display:flex;padding-top:14rem}@media screen and (max-width: 870px) and (orientation: landscape){.content__initial{padding-top:11rem}}@media screen and (max-width: 790px){.content__initial{padding-top:5rem}}.content__initial h3{font-family:inherit;font-size:2.6rem;font-weight:300;color:#fff}@media screen and (max-width: 870px){.content__initial h3{font-size:2rem}}@media screen and (max-width: 790px){.content__initial h3{opacity:0}}.content__initial-hi::after{content:"";display:inline-block;width:20%;border-bottom:2px solid #8774FF}.content__about{opacity:0;transition:all 1s;position:absolute;justify-content:center}@media screen and (max-width: 500px){.content__about{display:flex}}.content__about-description{height:35rem;width:94rem;background-color:#242424;border-radius:5px;box-shadow:0 2rem 6rem rgba(0,0,0,0.3);display:flex}@media screen and (max-width: 1100px){.content__about-description{height:30rem;width:80rem}}@media screen and (max-width: 900px){.content__about-description{height:25rem;width:65rem}}@media screen and (max-width: 790px){.content__about-description{height:20rem;width:50rem}}@media screen and (max-width: 500px){.content__about-description{width:85%;height:auto;justify-content:center}}.content__about-description picture{height:100%;width:95rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 790px){.content__about-description picture{display:none}}.content__about-description picture img{height:25rem;border-radius:5px;display:inline-block;opacity:0.8}@media screen and (max-width: 870px){.content__about-description picture img{height:20rem}}.content__about-description p{align-self:center;margin:4rem;font-size:1.6rem;line-height:2.6rem;color:#fff}@media screen and (max-width: 1100px){.content__about-description p{margin:3rem;font-size:1.3rem;line-height:2.2rem}}@media screen and (max-width: 900px){.content__about-description p{margin:1.6rem;font-size:1.15rem;line-height:1.9rem}}@media screen and (max-width: 790px){.content__about-description p{margin:1rem;font-size:1.15rem;line-height:1.5rem}}.content__portfolio{opacity:0;transition:all 1s;display:flex;justify-content:center;height:35rem;position:absolute;color:#fff;font-size:1.4rem}@media screen and (max-width: 1100px){.content__portfolio{height:30rem;font-size:1.1rem}}@media screen and (max-width: 900px){.content__portfolio{font-size:1rem}}@media screen and (max-width: 870px) and (orientation: landscape){.content__portfolio{height:10rem;width:40rem}}@media screen and (max-width: 790px){.content__portfolio{height:10rem;width:40rem}}@media screen and (max-width: 500px){.content__portfolio{width:26rem}}.content__portfolio h3{display:flex;justify-content:center;margin-top:3rem;font-size:1.17em}@media screen and (max-width: 1100px){.content__portfolio h3{font-size:1.1em}}@media screen and (max-width: 870px){.content__portfolio h3{font-size:1em}}@media screen and (max-width: 870px) and (orientation: landscape){.content__portfolio h3{display:none}}@media screen and (max-width: 790px){.content__portfolio h3{display:none}}.content__portfolio-github,.content__portfolio-linkedin,.content__portfolio-cv{width:28rem;background-color:#242424;border-radius:5px;box-shadow:0 2rem 6rem rgba(0,0,0,0.3);position:relative;z-index:1;display:flex;flex-direction:column}@media screen and (max-width: 1100px){.content__portfolio-github,.content__portfolio-linkedin,.content__portfolio-cv{width:26rem}}@media screen and (max-width: 870px){.content__portfolio-github,.content__portfolio-linkedin,.content__portfolio-cv{width:18rem}}@media screen and (max-width: 870px) and (orientation: landscape){.content__portfolio-github,.content__portfolio-linkedin,.content__portfolio-cv{padding-top:4rem;background-color:transparent}}@media screen and (max-width: 790px){.content__portfolio-github,.content__portfolio-linkedin,.content__portfolio-cv{padding-top:4rem;background-color:transparent}}.content__portfolio-github p,.content__portfolio-linkedin p,.content__portfolio-cv p{margin:3rem;line-height:2.4rem}@media screen and (max-width: 1100px){.content__portfolio-github p,.content__portfolio-linkedin p,.content__portfolio-cv p{line-height:2.2rem}}@media screen and (max-width: 900px){.content__portfolio-github p,.content__portfolio-linkedin p,.content__portfolio-cv p{line-height:2rem}}@media screen and (max-width: 870px){.content__portfolio-github p,.content__portfolio-linkedin p,.content__portfolio-cv p{line-height:1.8rem}}@media screen and (max-width: 870px) and (orientation: landscape){.content__portfolio-github p,.content__portfolio-linkedin p,.content__portfolio-cv p{display:none}}@media screen and (max-width: 790px){.content__portfolio-github p,.content__portfolio-linkedin p,.content__portfolio-cv p{display:none}}.content__portfolio-github div,.content__portfolio-linkedin div,.content__portfolio-cv div{position:absolute;opacity:0;z-index:-1;height:100%;width:100%;transition:opacity 1s;display:flex;justify-content:center;align-items:center}.content__portfolio-github div a img,.content__portfolio-linkedin div a img,.content__portfolio-cv div a img{height:auto;width:15rem;transition:transform 1s}.content__portfolio-github div a img:hover,.content__portfolio-linkedin div a img:hover,.content__portfolio-cv div a img:hover{transform:scale(1.1)}@media screen and (max-width: 1100px){.content__portfolio-github div a img,.content__portfolio-linkedin div a img,.content__portfolio-cv div a img{width:12rem}}@media screen and (max-width: 900px){.content__portfolio-github div a img,.content__portfolio-linkedin div a img,.content__portfolio-cv div a img{width:10rem}}@media screen and (max-width: 500px){.content__portfolio-github div a img,.content__portfolio-linkedin div a img,.content__portfolio-cv div a img{width:6rem}}@media screen and (max-width: 870px) and (orientation: landscape){.content__portfolio-github div,.content__portfolio-linkedin div,.content__portfolio-cv div{opacity:1;justify-content:space-between}}@media screen and (max-width: 790px){.content__portfolio-github div,.content__portfolio-linkedin div,.content__portfolio-cv div{opacity:1;justify-content:space-between}}.content__portfolio-github:hover p,.content__portfolio-github:hover h3,.content__portfolio-linkedin:hover p,.content__portfolio-linkedin:hover h3,.content__portfolio-cv:hover p,.content__portfolio-cv:hover h3{opacity:0;transition:all 1s;z-index:-2}.content__portfolio-github:hover div,.content__portfolio-linkedin:hover div,.content__portfolio-cv:hover div{opacity:1}.content__portfolio-linkedin{margin-left:5rem}.content__portfolio-cv{margin-left:5rem}.content__portfolio-github::before,.content__portfolio-linkedin::before,.content__portfolio-cv::before{content:"";display:inline-block;height:1px;width:1px;position:absolute;top:0;left:0;z-index:-3;transition:all 1s}@media screen and (max-width: 870px) and (orientation: landscape){.content__portfolio-github::before,.content__portfolio-linkedin::before,.content__portfolio-cv::before{display:none}}@media screen and (max-width: 790px){.content__portfolio-github::before,.content__portfolio-linkedin::before,.content__portfolio-cv::before{display:none}}.content__portfolio-github:hover::before,.content__portfolio-linkedin:hover::before,.content__portfolio-cv:hover::before{height:100%;width:100%;opacity:0;background-color:#6BEFF2}.content__contact{opacity:0;display:flex;position:absolute;transition:all 1s;align-items:center;flex-direction:column}.content__contact-form_buttons{padding-bottom:2rem;width:94rem;display:flex;justify-content:space-between}@media screen and (max-width: 1100px){.content__contact-form_buttons{width:80rem}}@media screen and (max-width: 900px){.content__contact-form_buttons{width:65rem}}@media screen and (max-width: 920px){.content__contact-form_buttons{width:62rem}}.content__contact-form_buttons input:not(:first-child){margin-left:2rem}@media screen and (max-width: 870px) and (orientation: landscape){.content__contact-form_buttons{padding-bottom:0.5rem}.content__contact-form_buttons input:not(:first-child){margin-left:0.5rem}}@media screen and (max-width: 790px) and (orientation: landscape){.content__contact-form_buttons{padding-bottom:0.5rem}}@media screen and (max-width: 790px){.content__contact-form_buttons{width:51rem}.content__contact-form_buttons input:not(:first-child){margin-left:0.4rem}}@media screen and (max-width: 500px){.content__contact-form_buttons{width:90%}}.content__contact-form_buttons input{flex:1;padding:0.7rem;outline:none;border:none;border-radius:5px;font-family:inherit;background-color:#242424;color:#fff;font-size:1.4rem}@media screen and (max-width: 900px){.content__contact-form_buttons input{font-size:1.3rem}}@media screen and (max-width: 500px){.content__contact-form_buttons input{font-size:1rem}}.content__contact-textarea{height:28rem;width:94rem;background-color:#242424;border-radius:5px;border:none;font-family:inherit;box-shadow:0 2rem 6rem rgba(0,0,0,0.3);color:#fff;outline:none;font-size:1.4rem;resize:none;padding:1rem}@media screen and (max-width: 1100px){.content__contact-textarea{width:80rem;height:25rem}}@media screen and (max-width: 900px){.content__contact-textarea{width:65rem;height:23rem;font-size:1.3rem}}@media screen and (max-width: 920px){.content__contact-textarea{width:62rem;height:22rem}}@media screen and (max-width: 870px){.content__contact-textarea{height:18rem;width:61rem}}@media screen and (max-width: 790px){.content__contact-textarea{height:18rem;width:51rem}}@media screen and (max-width: 600px) and (orientation: landscape){.content__contact-textarea{height:15rem}}@media screen and (max-width: 500px){.content__contact-textarea{width:90%;height:15rem}}.content__contact-textarea::placeholder{padding:-1rem}.content__contact-form_buttons input::selection,.content__contact-textarea::selection{background-color:#bef9fa}.content__contact-send{padding:1rem;margin-top:2rem;background-color:#242424;text-decoration:none;cursor:pointer;font-size:1.3rem;font-weight:500;width:40rem;height:4rem;color:#fff;border-radius:5px;position:relative;box-shadow:0 2rem 6rem rgba(0,0,0,0.3);transition:all 1s;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 870px){.content__contact-send{font-size:1.2rem;width:30rem}}@media screen and (max-width: 870px) and (orientation: landscape){.content__contact-send{margin-top:0.5rem}}@media screen and (max-width: 790px) and (orientation: landscape){.content__contact-send{margin-top:0.5rem}}@media screen and (max-width: 790px){.content__contact-send{width:20rem;height:3rem}}@media screen and (max-width: 500px){.content__contact-send{font-size:1rem}}.content__contact-send:hover{color:#181A1B;background-color:transparent}.content__contact-send::before{content:"";position:absolute;top:0;left:0;height:100%;width:0.1px;border-radius:5px;z-index:-1;background-color:#6BEFF2;transition:width 0.4s cubic-bezier(1, 0, 0, 1) 0.3s,background-color 0.1s}.content__contact-send:hover::before{transform:scale(1);width:100%}