@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);header{background:var(--dark)}.navbar .menu{width:3rem!important;height:3rem!important;position:relative!important}.navbar .menu.close{height:2rem}.navbar .menu.close .line-1{transform:translate(-50%,-1px) rotate(-45deg)}.navbar .menu.close .line-2{width:0;transform:translate(-50%,4px)}.navbar .menu.close .line-3{transform:translate(-50%,-1px) rotate(45deg)}.navbar .menu span{width:100%;height:.15rem;background:var(--white);display:block!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar .menu .line-1{transform:translate(-50%,-10px)}.navbar .menu .line-3{transform:translate(-50%,-3px)}.navbar .menu .line-2{transform:translate(-50%,4px)}.navbar .container{border-bottom:.2rem solid var(--dark-200)}.navbar .navbar-brand{font-size:var(--font-size-3);color:var(--primary)}.navbar .navbar-nav .nav-link{color:var(--gray-light);font-size:var(--font-size);font-weight:400;margin-left:5rem}.navbar .navbar-nav .nav-link:hover{color:var(--primary)}footer[data-v-9831cb26]{padding:2rem 9rem;padding-bottom:.8rem;background:var(--dark-200)!important}footer p[data-v-9831cb26]{font-size:var(--font-size);color:var(--gray-light)}footer p img[data-v-9831cb26]{width:2rem}:root{--primary:#00d2df;--gradient-pink:linear-gradient(270.06deg,#6518b4,#d24074 101.62%);--gradient-purple:linear-gradient(269.96deg,#10d7e2,#9358f7);--dark:#121212;--dark-200:#151515;--gray-light:#c4c4c4;--white:#fff;--font-size:1.5rem;--font-size-1:6rem;--font-size-2:4rem;--font-size-3:2.3rem;--font-size-4:1.9rem}*{padding:0;margin:0;font-family:Inter,sans-serif;box-sizing:border-box;text-decoration:none;border:none;list-style:none;transition:all .2s linear}.btn-gradient-pink,.btn-gradient-purple{padding:1.2rem 2.5rem;width:10rem;font-size:var(--font-size);font-weight:600;color:var(--white);text-decoration:none;position:relative}.btn-gradient-pink:before,.btn-gradient-purple:before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.5rem;padding:2px;background:var(--gradient-purple);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.btn-gradient-pink:hover,.btn-gradient-purple:hover{color:var(--white)}.btn-gradient-pink img,.btn-gradient-purple img{width:1.8rem;margin-right:1rem;vertical-align:-3px}.btn-gradient-pink:before{background:var(--gradient-pink)}section{padding:5rem 6rem;background:var(--dark-200)}html{font-size:66.7%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:7rem;background:var(--dark)}html::-webkit-scrollbar{width:.2rem}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--primary)}@-webkit-keyframes menu{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{-webkit-clip-path:polygon(100% 0,0 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}}@keyframes menu{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{-webkit-clip-path:polygon(100% 0,0 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}}@media(max-width:1200px){.experiencia .experiencia-info .experiencia-info-header{justify-content:center;flex-direction:column}.experiencia .experiencia-info .experiencia-info-header p{margin-left:0!important}}@media(max-width:991px){html{font-size:57%}.container{padding:.5rem 0!important}.inicio .content{left:50%!important;transform:translate(-50%,-50%)!important}.navbar .navbar-nav{position:absolute;background:#151515;z-index:999;right:-30%;top:100%;padding-right:14rem;width:100%;height:90vh;text-align:end;-webkit-animation:menu .3s ease;animation:menu .3s ease}.navbar .navbar-nav .nav-link{padding:2rem 0}}@media(max-width:767px){.sobre-mim .sobre{margin-top:2rem;justify-content:center!important}section{text-align:center}h3{margin-left:0!important}}@media(max-width:450px){html{font-size:45%}}main .inicio{width:100%;height:90vh;background:url(../img/Background-inicio.73430848.png) no-repeat;background-size:cover;background-position:50%;position:relative}main .inicio .content{position:absolute;left:15%;top:50%;transform:translate(-15%,-50%)}main .inicio .content .text h1{font-size:var(--font-size-1);color:var(--primary);font-weight:600;margin:1rem 0;line-height:65px;text-transform:uppercase}main .inicio .content .text h3{text-transform:uppercase;font-weight:600;font-size:var(--font-size-3);color:var(--white);line-height:29px}main .sobre-mim{background:var(--dark-200)}main .sobre-mim .dados-pessoais .image .image-wrapper{background:var(--dark);width:30rem;height:30rem;-o-object-fit:cover;object-fit:cover;border-left:.3rem solid var(--primary)}main .sobre-mim .dados-pessoais .image .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}main .sobre-mim .dados-pessoais .sobre h3{text-transform:uppercase;font-weight:600;font-size:var(--font-size-3);color:var(--white);line-height:29px}main .sobre-mim .dados-pessoais .sobre .descricao h4{font-size:var(--font-size-4);color:var(--white)}main .sobre-mim .dados-pessoais .sobre .descricao p{font-size:var(--font-size);color:var(--gray-light);max-width:50rem;margin-bottom:2rem!important}main .sobre-mim .dados-pessoais .sobre .redes-sociais{margin:4rem 0}main .sobre-mim .dados-pessoais .sobre .redes-sociais img{width:2.5rem;margin-right:2rem}main .experiencia{background:var(--dark);padding-bottom:8rem}main .experiencia h3{text-transform:uppercase;font-weight:600;font-size:var(--font-size-3);color:var(--white);line-height:29px;margin:2rem 0 4rem 0}main .experiencia .skills .skill-container{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:2rem}main .experiencia .skills .skill-container .box{background:var(--dark-200);padding:2rem 1rem;max-height:13rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.5rem}main .experiencia .skills .skill-container .box img{width:5rem}main .experiencia .skills .skill-container .box p{color:#ddd;font-size:1.5rem;font-weight:500;padding-top:1.4rem}main .experiencia .menu-experiencia ul li{color:var(--gray-light);font-size:1.9rem!important;padding:1rem 1.5rem;cursor:pointer}main .experiencia .menu-experiencia ul li:first-child,main .experiencia .menu-experiencia ul li:hover{border-left:.2rem solid var(--primary)}main .experiencia .experiencia-info .content h3{text-transform:uppercase;font-weight:600;font-size:var(--font-size-3);color:var(--white);line-height:29px;margin:0!important}main .experiencia .experiencia-info .content p{font-size:var(--font-size);color:var(--gray-light);margin-left:auto}main .experiencia .experiencia-info-descricao h6{color:var(--primary);font-size:var(--font-size);margin-bottom:4rem}main .projectos h3{text-transform:uppercase;font-weight:600;font-size:var(--font-size-3);color:var(--white);line-height:29px;margin:2rem 0 5rem 2.5rem}main .projectos .box-image{margin:3rem 0!important}main .projectos .box-image .box{width:80%}main .projectos .box-image .box .image{width:100%;max-height:25rem;background:var(--dark-200);border-left:.3rem solid var(--primary)}main .projectos .box-image .box .image img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}main .projectos .box-image .box .descricao h3{margin:3rem 0 3rem 0}main .projectos .box-image .box .descricao p{font-size:var(--font-size);color:var(--gray-light)}main .projectos .box-image .box .tecnologias{margin:3rem 0}main .projectos .box-image .box .tecnologias img{width:3rem;margin-right:1rem}main .contacto{background:var(--dark)}main .contacto h3{text-transform:uppercase;font-weight:600;font-size:var(--font-size-3);color:var(--white);line-height:29px;margin:2rem 0 5rem 2.5rem}main .contacto .info a{padding:2rem;border:1px solid #fff;border-radius:.5rem;display:block;min-width:30rem;max-width:40rem;height:6rem;color:#fff;text-decoration:none;margin-bottom:2rem;font-size:1.7rem;font-weight:600;display:flex;align-items:center}main .contacto .info a img{margin-right:1.5rem}main .contacto form{text-align:left;padding:3rem;background:var(--dark-200);border-radius:.5rem}main .contacto form input,main .contacto form textarea{border:none;background:none;border-bottom:.2rem solid #ddd;padding:1rem .5rem;font-size:1.6rem;color:#898989;transition:all .7s ease-in-out}main .contacto form input:focus,main .contacto form textarea:focus{background:none;box-shadow:none;outline:none;border-color:var(--primary);color:#898989}main .contacto form .btn-gradient-purple{width:15rem;padding:1.2rem 1rem;padding-left:2.5rem;text-align:center;font-size:1.6rem}