@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Silkscreen&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--main-color:#0a77b5;--main-plain:#f6f5f6;--font-color:#313335;--font-fam:"Poppins",sans-serif;--font-fam-special:"Silkscreen",cursive;--font-size1:.75rem;--font-size1b:.95rem;--font-size2:1.25rem;--font-size3:1.50rem;--font-size4:2.5rem;--font-size5:3.5rem;--pad-desk:10vh 8rem 10vh 8rem;--pad-mobile:10vh 1rem 10vh 1rem}[data-theme=dark]{--main-color:#4677b5;--main-plain:#161718;--font-color:#f6f5f6}.App{background-color:var(--main-plain);height:auto;position:relative;transition:all .8s ease;width:100%}.navbar__conteiner{backdrop-filter:blur(5.4px);-webkit-backdrop-filter:blur(5.4px);background:hsla(0,0%,100%,0);border:1px solid hsla(0,0%,100%,.04);box-shadow:0 0 20px rgba(0,0,0,.1);font-family:var(--font-fam);height:10vh;position:fixed;width:100%;z-index:100}.navbar__subconteiner{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 4rem;position:relative;width:100%}.navbar__menu-ul{align-items:center;display:flex;list-style:none}.navbar__link{color:var(--font-color);margin-left:1.5rem;position:relative;transition:all .2s ease}.navbar__main{display:flex}.navbar__main:not(hover) img{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .8s ease-out}.navbar__main:hover img{cursor:pointer;-webkit-filter:drop-shadow(0 0 5px grey);filter:drop-shadow(0 0 5px grey);-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all .8s ease-out}.white{-webkit-filter:invert(1);filter:invert(1)}.navbar__link:before{background-color:var(--main-color);bottom:0;content:"";height:3px;position:absolute;transition:all .3s ease;width:0}.navbar__link:not(:hover):before{right:0;width:0}.navbar__link:hover:before{width:100%}.navbar__link:hover{cursor:pointer}.active-link{color:var(--main-color)}.navbar__button{display:none;height:2.5rem;position:absolute;right:1.5rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2.5rem;z-index:100;z-index:600}.navbar__button_cont{height:100%;position:relative;width:100%}.navbar__bar1{top:0}.navbar__bar1,.navbar__bar2{background-color:var(--font-color);height:6px;position:absolute;transition:all .5s ease;width:100%}.navbar__bar2{bottom:50%;-webkit-transform:translateY(3px);transform:translateY(3px)}.navbar__bar3{background-color:var(--font-color);bottom:0;height:6px;position:absolute;transition:all .5s ease;width:100%}@media only screen and (max-width:760px){.navbar__menu{background-color:var(--main-color);height:100vh;left:100vw;position:absolute;top:0;-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px);transition:all 1s ease;width:100vw}.navbar__subconteiner{padding:0 1.5rem}.navbar__link{color:var(--main-plain);font-size:var(--font-size2);font-weight:600;margin-left:0}.active-link{color:var(--main-plain);text-shadow:0 0 10px #fff}.displayed{left:0}.navbar__menu-ul{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;padding:4rem 0;width:100%}.navbar__button{display:block}.trans1{-webkit-transform:translateY(calc(1.25rem - 3px)) translateX(.3rem) rotate(-45deg);transform:translateY(calc(1.25rem - 3px)) translateX(.3rem) rotate(-45deg)}.trans2{opacity:0}.trans3{-webkit-transform:translateY(calc(-1.25rem + 3px)) translateX(.3rem) rotate(45deg);transform:translateY(calc(-1.25rem + 3px)) translateX(.3rem) rotate(45deg)}}.toggleTheme__conteiner{align-items:center;border-radius:7.5px;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:1.5rem;position:relative;transition:all 1s ease;width:20px}.toggleTheme__moon{color:#fff}@media only screen and (max-width:760px){.toggleTheme__conteiner{margin-left:0}.toggleTheme__sun{color:#fff}.toggleTheme__moon{color:#000}}.home__conteiner{align-items:center;display:flex;font-family:var(--font-fam);justify-content:space-around;min-height:100vh;padding:var(--pad-desk);position:relative;width:100%;z-index:1}.home__name{color:var(--font-color);font-size:var(--font-size5)}.home__message{color:var(--main-color);font-family:var(--font-fam-special);font-size:var(--font-size3)}.home__coffee{width:300px}@media only screen and (max-width:760px){.home__conteiner{flex-direction:column;padding:var(--pad-mobile)}.home__name{font-size:var(--font-size4)}.home__message{font-size:var(--font-size2)}}.typing__conteiner{margin:1rem 0}.typing__text{color:var(--font-color);font-size:var(--font-size3)}.typing__span{-webkit-animation:titling 1s linear infinite;animation:titling 1s linear infinite;font-size:var(--font-size3)}@-webkit-keyframes titling{0%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes titling{0%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}@media only screen and (max-width:760px){.typing__conteiner{margin:.5rem 0}.typing__span,.typing__text{font-size:var(--font-size3)}}.field{align-items:center;bottom:5rem;display:flex;justify-content:space-around;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mouse{border:3px solid var(--font-color);border-radius:60px;height:50px;position:relative;width:30px}.mouse:before{animation:wheel 2s infinite;-webkit-animation:wheel 2s infinite;background-color:var(--font-color);border-radius:50%;content:"";height:12px;left:50%;opacity:1;position:absolute;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:12px}@-webkit-keyframes wheel{to{opacity:0;top:calc(100% - 10px)}}@keyframes wheel{to{opacity:0;top:calc(100% - 10px)}}@media only screen and (max-width:760px){.field{display:none}}.about__conteiner{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--font-fam);justify-content:center;min-height:100vh;padding:var(--pad-desk);width:100%}.about__title{color:var(--font-color);font-size:var(--font-size4);margin-bottom:2rem;position:relative}.about__title:after{background-color:var(--main-color);bottom:0;content:"";height:6px;left:0;position:absolute;width:100%}.about__bottom{align-items:center;display:flex;height:auto;justify-content:space-between;width:100%}.about__bottom-text{color:var(--font-color);font-size:var(--font-size2);margin-bottom:1rem}.about__bottom-img{-webkit-animation:moving 10s linear infinite;animation:moving 10s linear infinite;border:2px solid var(--font-color);-webkit-filter:drop-shadow(0 0 10px var(--font-color));filter:drop-shadow(0 0 10px var(--font-color));margin-left:4rem;width:40%}@-webkit-keyframes moving{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes moving{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media only screen and (max-width:760px){.about__conteiner{padding:var(--pad-mobile)}.about__title{font-size:var(--font-size3)}.about__bottom{flex-direction:column}.about__bottom-text{font-size:var(--font-size1b)}.about__bottom-img{margin:2rem 0 0;width:60%}}.skills__conteiner{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--font-fam);justify-content:center;min-height:100vh;padding:var(--pad-desk);width:100%}.skills__title{color:var(--font-color);font-size:var(--font-size4);margin-bottom:2rem;position:relative}.skills__title:after{background-color:var(--main-color);bottom:0;content:"";height:6px;left:0;position:absolute;width:100%}.skills__conteiner-display{align-items:center;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);height:auto;justify-items:center;width:100%}.skills__logo-cont{align-items:center;display:flex;justify-content:center;position:relative;transition:all .6s ease}.skills__logo-name{background-color:var(--main-color);color:var(--main-plain);font-family:var(--font-fam-special);font-size:var(--font-size1);font-weight:600;opacity:0;padding:.2rem;pointer-events:none;position:absolute;transition:all .6s ease}.skills__logo{-webkit-filter:drop-shadow(0 0 5px #c8c8c8);filter:drop-shadow(0 0 5px rgb(200,200,200));margin:1rem;transition:all .6s ease;width:60%}.skills__logo-cont:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.skills__logo-cont:hover .skills__logo-name{opacity:1}.skills__logo:hover{-webkit-filter:grayscale(.8);filter:grayscale(.8)}@media only screen and (max-width:760px){.skills__conteiner{padding:var(--pad-mobile)}.skills__title{font-size:var(--font-size3);margin-bottom:1rem}.skills__conteiner-display{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr)}.skills__logo{margin:.5rem}}.projects__conteiner{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--font-fam);justify-content:center;min-height:100vh;padding:var(--pad-desk);width:100%}.projects__title{color:var(--font-color);font-size:var(--font-size4);margin-bottom:2rem;position:relative}.projects__title:after{background-color:var(--main-color);bottom:0;content:"";height:6px;left:0;position:absolute;width:100%}@media only screen and (max-width:760px){.projects__conteiner{padding:var(--pad-mobile)}.projects__title{font-size:var(--font-size3)}}.projectCard__conteiner{background-color:var(--main-plain);border-radius:2rem;display:flex;-webkit-filter:drop-shadow(0 0 5px #c8c8c8);filter:drop-shadow(0 0 5px rgb(200,200,200));height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:2rem;padding:1.5rem;transition:all .8s ease;width:100%}.projectCard__secA{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}.projectCard__image{border:1px solid #cacaca;border-radius:0 0 .5rem .5rem;width:100%}.projectCard__image-tab{border:1px solid #cacaca;border-radius:.5rem .5rem 0 0;-webkit-transform:translateY(1px);transform:translateY(1px);width:100%}.projectCard__secB{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:space-between;padding-left:1rem;width:50%}.projectCard__title{color:var(--font-color);font-family:var(--font-fam-special);font-size:var(--font-size3)}.projectCard__stacks{align-items:center;border-bottom:1px solid grey;border-top:1px solid grey;display:flex;justify-content:center;padding:.4rem}.projectCard__stack{margin:0 .4rem;width:1.5rem}.projectCard__description{color:var(--font-color);font-size:var(--font-size1b);padding:0 2rem}.projectCard__buttons{align-items:center;display:flex;justify-content:center;width:100%}.projectCard__button{border:2px solid var(--font-color);border-radius:.6rem;color:var(--font-color);margin:0 .4rem;padding:.4rem;text-decoration:none;transition:all .4s ease}.projectCard__button svg{margin-right:.4rem}.projectCard__button:hover{cursor:pointer;-webkit-filter:drop-shadow(0 0 5px #c8c8c8);filter:drop-shadow(0 0 5px rgb(200,200,200));-webkit-transform:translateY(-5px);transform:translateY(-5px)}.disabled{border-color:hsla(0,0%,83%,.75);color:hsla(0,0%,83%,.75);pointer-events:none}@media only screen and (max-width:760px){.projectCard__conteiner{flex-direction:column}.projectCard__secA,.projectCard__secB{height:50%;width:100%}.projectCard__secB{padding-left:0}.projectCard__stacks{margin-bottom:2rem}.projectCard__title{font-size:var(--font-size2);margin:1.5rem 0}.projectCard__description{font-size:var(--font-size1);margin-bottom:2rem;padding:0;text-align:center}}.contact__conteiner{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--font-fam);justify-content:center;min-height:100vh;padding:var(--pad-desk);width:100%}.contact__title{color:var(--font-color);font-size:var(--font-size4);margin-bottom:2rem;position:relative}.contact__title:after{background-color:var(--main-color);bottom:0;content:"";height:6px;left:0;position:absolute;width:100%}.contact__bottom{display:flex;height:auto;width:100%}.contact__devGuy{height:auto;width:80%}.contact__bottom-data{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding:5rem 0;width:50%}.contact__bottom-data-field{align-items:center;color:var(--font-color);display:flex;justify-content:center}.contact__bottom-data-field:hover{cursor:pointer}.contact__bottom-data-field a{color:var(--font-color);text-decoration:none}.contact__bottom-data-field svg{color:var(--font-color);margin-right:1rem}@media only screen and (max-width:760px){.contact__conteiner{padding:var(--pad-mobile)}.contact__title{font-size:var(--font-size3)}.contact__bottom{flex-direction:column}.contact__bottom-data{height:50%;width:100%}.contact__bottom-data-field{margin:1rem 0}}.rightbar__conteiner{align-items:center;bottom:50%;display:flex;flex-direction:column;height:auto;justify-content:flex-end;position:fixed;right:2rem;-webkit-transform:translateY(50%);transform:translateY(50%);width:auto;z-index:50}.rightbar__index{background-color:initial;border:2px solid var(--font-color);height:.75rem;margin:1rem 0;transition:all .4s ease;width:.75rem}.rightbar__index:hover{box-shadow:0 0 4px var(--font-color);cursor:pointer}.rightbar__active{background-color:var(--font-color);-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width:760px){.rightbar__conteiner{bottom:2rem;flex-direction:row;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.rightbar__index{margin:0 1rem}}.leftbar__conteiner{align-items:center;bottom:50%;display:flex;flex-direction:column;height:auto;justify-content:flex-end;left:2rem;position:fixed;-webkit-transform:translateY(50%);transform:translateY(50%);width:auto;z-index:50}.leftbar__index{align-items:center;background-color:initial;border:2px solid var(--font-color);border-radius:1rem;color:var(--font-color);display:flex;height:1.75rem;justify-content:center;margin:1rem 0;transition:all .4s ease;width:1.75rem}.leftbar__index:hover{box-shadow:0 0 4px var(--font-color);cursor:pointer;-webkit-transform:translateX(.4rem);transform:translateX(.4rem)}@media screen and (max-width:760px){.leftbar__conteiner{display:none}}.footer__conteiner{align-items:center;backdrop-filter:blur(5.4px);-webkit-backdrop-filter:blur(5.4px);background:hsla(0,0%,100%,0);border:1px solid hsla(0,0%,100%,.04);bottom:0;box-shadow:0 0 20px rgba(0,0,0,.1);color:var(--font-color);display:flex;font-family:var(--font-fam);height:10vh;justify-content:flex-end;left:0;padding:0 4rem;position:absolute;width:100%;z-index:100}@media only screen and (max-width:760px){.footer__conteiner{display:none}}
/*# sourceMappingURL=main.8b97fdca.css.map*/