@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ico{filter:brightness(1)}*{font-family:DM Sans,sans-serif}.App{background-color:#161a30;color:#b6bbc4;min-height:100vh}main{align-items:center;display:flex;justify-content:center;margin:auto;max-width:850px;padding-top:150px}main .main-principal{width:100%}main .main-principal p{margin-top:0;max-width:600px}main .main-principal p:first-child{font-size:1.2rem}main .main-principal p:nth-child(4){margin-top:-10px}main .main-principal p:nth-child(5){margin-bottom:40px}main .main-principal h1{color:#f0ece5;font-size:5rem;letter-spacing:4px;margin-bottom:0;margin-top:-10px}main .main-principal h3{color:hsla(38,27%,92%,.904);font-size:1.9rem;font-weight:300;margin-top:0}main .main-principal .bottom-main{display:flex;justify-content:space-between}main .main-principal .bottom-main button{background-color:#161a30;border:2px solid #b6bbc4;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;height:50px;transition:.2s ease-in-out;width:120px}main .main-principal .bottom-main button:hover{background-color:#fff;border:2px solid #fff;color:#161a30}main .main-principal .bottom-main h3{align-items:center;display:flex;font-size:1.4rem;margin-bottom:auto;margin-left:auto;margin-top:auto}main .main-principal .bottom-main h3 img{filter:invert(100%);height:20px;width:20px}main .main-principal .bottom-main h3 img:first-child{height:30px;width:30px}@media screen and (max-width:1091px){main{margin:0 10%}}@media screen and (max-width:768px){main{margin:auto}main .main-principal{width:85%}main .main-principal p:first-child{font-size:1rem}main .main-principal p:nth-child(4),main .main-principal p:nth-child(5){font-size:.9rem}main .main-principal h1{font-size:4rem}main .main-principal h3{font-size:1.5rem}}@media screen and (max-width:542px){main{padding-top:130px}}@media screen and (max-width:420px){main{margin:3%}main .main-principal h1{font-size:3rem;margin-top:-15px}main .main-principal h3{font-size:1.3rem}main .main-principal p:nth-child(4),main .main-principal p:nth-child(5){font-size:.8rem}main .main-principal .bottom-main{gap:10px}main .main-principal .bottom-main button{font-size:.7rem;height:50px;width:100px}main .main-principal .bottom-main h3{font-size:.9rem;text-align:center}main .main-principal .bottom-main h3 img:first-child,main .main-principal .bottom-main h3 img:nth-child(2){height:15px;width:15px}}@media screen and (max-width:320px){main .main-principal .bottom-main{gap:10px}main .main-principal .bottom-main button{font-size:.6rem;height:40px;width:80px}main .main-principal .bottom-main h3{font-size:.7rem;text-align:center}main .main-principal .bottom-main h3 img:first-child,main .main-principal .bottom-main h3 img:nth-child(2){height:15px;width:15px}}nav{background-color:#161a30;box-shadow:0 10px 10px 0 rgba(0,0,0,.123);color:#b6bbc4;display:flex;height:80px;justify-content:space-between;position:fixed;top:0;transition:.3s ease-in-out;width:100%;z-index:9999}nav .r-flex{align-items:center;display:flex;margin-left:30px}nav .r-flex .r-circle{border:2px solid #b6bbc4;border-radius:50px;color:#b6bbc4;font-family:DM Sans,sans-serif;font-size:30px;font-weight:700;height:50px;justify-content:center;margin-right:10px;width:50px}nav .r-flex .r-circle,nav ul{align-items:center;display:flex}nav ul{list-style-type:none}nav ul :nth-child(2),nav ul :nth-child(3),nav ul :nth-child(4),nav ul li:first-child{color:#b6bbc4;cursor:pointer;display:inline-block;font-family:DM Sans,sans-serif;font-size:15px;margin-right:30px;transition:.3s ease-in-out}nav ul :nth-child(2):after,nav ul :nth-child(3):after,nav ul :nth-child(4):after,nav ul li:first-child:after{background:#fff;content:"";display:block;height:2px;margin-left:auto;margin-right:0;transition:width .3s;width:0}nav ul :nth-child(2):hover,nav ul :nth-child(3):hover,nav ul :nth-child(4):hover,nav ul li:first-child:hover{color:#fff}nav ul :nth-child(2):hover:after,nav ul :nth-child(3):hover:after,nav ul :nth-child(4):hover:after,nav ul li:first-child:hover:after{margin-left:0;margin-right:auto;width:100%}nav ul :nth-child(2):nth-child(4),nav ul :nth-child(3):nth-child(4),nav ul :nth-child(4):nth-child(4),nav ul li:first-child:nth-child(4){margin-right:15px}nav .hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;margin-bottom:auto;margin-top:auto;transition:.1s ease-in-out}nav .hamburger #s1,nav .hamburger #s2,nav .hamburger #s3{background-color:#fff;height:2px;width:20px}nav #ham,nav #ham:checked+.hamburger #s2{display:none}nav #ham:checked+.hamburger{gap:0}nav #ham:checked+.hamburger #s1{transform:rotate(405deg)}nav #ham:checked+.hamburger #s3{margin-top:-2px;transform:rotate(-405deg)}#cv button{background:none;border:0;box-shadow:inset 0 0 0 2px #161a30;box-sizing:border-box;color:#b6bbc4;cursor:pointer;font-size:.95rem;margin-right:30px;padding:15px 20px;position:relative;vertical-align:middle}#cv button:after,#cv button:before{box-sizing:inherit;content:"";position:absolute}#cv button:hover{color:#fff}#cv button:after,#cv button:before{height:100%;left:0;top:0;transform-origin:center;transition:.3s ease-in-out;width:100%}#cv button:before{border-bottom:2px solid #fff;border-top:2px solid #fff;transform:scaleX(0)}#cv button:after{border-left:2px solid #fff;border-right:2px solid #fff;transform:scaleY(0)}#cv button:hover:after,#cv button:hover:before{transform:scaleX(1);transition:.7s}@media screen and (max-width:768px){nav{top:0}nav ul{display:none}nav .hamburger{display:flex;margin-right:30px}nav .ul-toggle{background-color:#31304d;display:flex;flex-direction:column;min-height:1000vh;position:absolute;top:-50px;width:100%}nav .ul-toggle li{margin:0;margin-bottom:15px!important}nav .ul-toggle li,nav .ul-toggle li:first-child{font-size:1.8rem;margin-left:50px!important;margin-right:auto!important}nav .ul-toggle li:first-child{padding-top:200px}nav .ul-toggle li:first-child,nav .ul-toggle li:nth-child(4){margin:0}.still{top:0!important}#cv button{margin:0}}@media screen and (max-width:420px){nav .ul-toggle{padding:0}}@media screen and (max-width:320px){nav .ul-toggle li,nav .ul-toggle li:first-child{font-size:1.4rem;margin-left:20px!important}#cv button{font-size:1rem}}#project-h1{border-bottom:2px solid #b6bbc4;display:flex;font-size:30px;justify-content:center;margin:100px auto 50px;padding-bottom:10px;width:250px}#tip-img{object-position:center}#spotify-img{object-fit:fill}#typescript-img{filter:invert(1) grayscale(1) brightness(2)}.icon-skills{display:flex;gap:15px}.icon-skills img{cursor:pointer;filter:brightness(0) invert(1);height:30px;width:30px}.icon-skills img:nth-child(5){transform:scale(1)}.icon-skills img:nth-child(4){transform:scale(.86)}.icon-skills img:nth-child(3),.icon-skills img:nth-child(4){filter:grayscale(100%) brightness(70%) contrast(300%) invert(2)}.icon-skills img:nth-child(5){filter:grayscale(100%) brightness(100%) contrast(2) invert(0);transform:scale(.8)}.icon-skills.ot-pr{bottom:0;padding-bottom:5%;position:absolute}.icon-skills.ot-pr img{cursor:auto}.projects{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin:auto;max-width:900px}.projects .project{background-color:#31304d;display:flex;flex-direction:row-reverse;height:320px;padding:2%}.projects .project .project-img{overflow:hidden;position:relative;width:60%}.projects .project .project-img img{height:100%;object-fit:cover;object-position:top;width:100%}.projects .project .project-info{position:relative;width:40%}.projects .project .project-info img{height:30px;width:30px}.projects .project .project-info h1{margin-bottom:0;margin-top:-10px}.projects .project .project-info hr{position:absolute;width:100px}.projects .project .project-info p:first-child{margin-bottom:20px;margin-top:0}.projects .project .project-info #p-info-project{margin-top:30px;max-width:310px}.projects .project .project-info .links-project{align-items:center;bottom:0;display:flex;gap:5px;position:absolute}.projects .project .project-info .links-project a{text-decoration:none}.projects .project .project-info .links-project button{align-items:center;background-color:#10132463;border:none;border-radius:5px;color:#b6bbc4;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;height:50px;justify-content:center;text-align:center;width:120px}.projects .project .project-info .links-project button img{filter:opacity(80%);height:25px;width:25px}.projects .project .project-info .links-project button #open-link{filter:invert(.8)}.projects .project .project-info .links-project button:hover{background-color:rgba(16,19,36,.651);color:#fff}.projects .project .project-info .links-project button:hover:hover>img{filter:opacity(100%)}.projects .project .project-info .links-project button:hover:hover>#open-link{filter:invert(1)}.projects .project:nth-child(2),.projects .project:nth-child(4),.projects .project:nth-child(6){flex-direction:row}.projects .project:nth-child(2) .project-info,.projects .project:nth-child(4) .project-info,.projects .project:nth-child(6) .project-info{margin-left:20px}.other-projects{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin:150px auto auto;max-width:900px}.other-projects img{height:30px;width:30px}.other-projects .ot-project{background-color:#31304d;font-size:15px;height:330px;padding:8%;position:relative;transition:.25s ease-in-out}.other-projects .ot-project:hover{transform:translateY(-1.5%)}.other-projects .ot-project h1{margin-top:10px}.other-projects .ot-project p{margin-bottom:80px}.other-projects .ot-project .links-ot-project{align-items:center;display:flex;justify-content:space-between}.other-projects .ot-project .links-ot-project hr{display:flex;margin:0;width:100px}.other-projects .ot-project .links-ot-project .links-ot{display:flex;gap:10px}.other-projects .ot-project .links-ot-project .links-ot a img{cursor:pointer}.other-projects .ot-project .links-ot-project .links-ot #git-icon{filter:opacity(.8);transform:scale(.8)}.other-projects .ot-project .links-ot-project .links-ot #git-icon:hover{filter:opacity(1)}.other-projects .ot-project .links-ot-project .links-ot #link-icon{filter:opacity(.7) invert(1)}.other-projects .ot-project .links-ot-project .links-ot #link-icon:hover{filter:invert(1)}@media screen and (max-width:1091px){.projects{max-width:75%}.projects .project{height:280px}.projects .project .project-info{width:40%}.projects .project .project-info img{height:25px;width:25px}.projects .project .project-info h1{font-size:2rem}.projects .project .project-info #p-info-project{font-size:.7rem;margin-top:25px;max-width:210px}.projects .project .project-info .links-project button{font-size:.9rem;width:100px}.projects .project .project-info .links-project button img{height:20px;width:20px}.other-projects{max-width:75%}.other-projects .ot-project{max-height:300px}.other-projects .ot-project .links-ot-project hr{width:48%}.other-projects .ot-project h1{font-size:1.5rem}.other-projects .ot-project p{font-size:.85rem}.other-projects .ot-project .icon-skills{gap:8px;margin-bottom:2%}.other-projects .ot-project .icon-skills img{height:25px;width:25px}}@media screen and (max-width:768px){.projects{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:450px}.projects .project{flex-direction:column;height:470px;padding:10px}.projects .project .project-img,.projects .project .project-info{height:45%;width:100%}.projects .project .project-info{height:55%}.projects .project .project-info p:first-child{margin-bottom:12px;margin-top:12px}.projects .project .project-info #p-info-project{font-size:.9rem;max-width:90%}.projects .project .project-info:nth-child(2){margin-left:0}.projects .project:nth-child(2){flex-direction:column}.other-projects{gap:8px;grid-template-columns:1fr 1fr;margin:80px auto;max-width:90%;padding:10px auto}.other-projects .ot-project{max-height:250px}.other-projects .ot-project p{margin-top:-5px}}@media screen and (max-width:470px){.projects{margin:auto 5%;max-width:1000px}}@media screen and (max-width:420px){.other-projects{grid-template-columns:1fr;max-width:90%}.other-projects .ot-project{height:250px}}@media screen and (max-width:380px){.projects .project .project-info #p-info-project{font-size:.75rem}}@media screen and (max-width:320px){.projects .project .project-info h1{font-size:1.8rem}.projects .project .project-info .icon-skills img{height:20px;width:20px}.projects .project .project-info .links-project button{font-size:.8rem;height:40px;width:85px}.projects .project .project-info .links-project button img{height:15px;width:15px}}section{display:flex;flex-direction:column}#about-me-h1{align-self:center;border-bottom:2px solid #b6bbc4;display:flex;font-size:2rem;margin-top:160px;padding-bottom:5px;padding-left:30px;padding-right:30px}.about-me{display:flex;margin-left:auto;margin-right:auto;margin-top:23px;max-width:850px}.about-me .text-about-me{display:flex;flex-direction:column;position:relative;width:50%}.about-me .text-about-me p:first-child{margin-top:0}.about-me .text-about-me h2{color:#fff}.about-me .tecnology-used img{cursor:pointer;filter:brightness(0) invert(1);height:40px;margin-right:10px;width:40px}.about-me .tecnology-used img:nth-child(2){filter:grayscale(100%) brightness(70%) contrast(2) invert(2);transform:scale(.9)}.about-me .tecnology-used img:nth-child(2):hover{filter:brightness(1) invert(1)!important}.about-me .tecnology-used img:nth-child(5){transform:scale(1)}.about-me .tecnology-used img:nth-child(6){transform:scale(.85)}.about-me .tecnology-used img:nth-child(5),.about-me .tecnology-used img:nth-child(6){filter:grayscale(100%) brightness(70%) contrast(300%) invert(2)}.about-me .tecnology-used img:nth-child(7){filter:grayscale(100%) brightness(100%) contrast(2) invert(0);transform:scale(.8)}.about-me .tecnology-used img:hover{filter:brightness(1) invert(0) contrast(1) grayscale(0)}.about-me .photo-me{display:flex;height:100%;justify-content:right;width:50%}.about-me .photo-me .my-photo{background-color:#fff;display:flex;height:100%;max-width:250px}.about-me .photo-me .my-photo .portifolio-foto{border:3px solid #fff;filter:grayscale(1);height:100%;margin:auto;max-height:320px;transition:.2s ease-in-out;width:100%}.about-me .photo-me .my-photo .portifolio-foto:hover{filter:grayscale(0)}@media screen and (max-width:1091px){.about-me{max-width:75%}.about-me .photo-me{display:flex;height:100%;justify-content:right}.about-me .photo-me .my-photo{background-color:#fff;max-height:300px;width:70%}}@media screen and (max-width:768px){#about-me-h1{margin-top:130px}.about-me{align-items:center;display:flex;flex-direction:column-reverse;max-width:504px;text-align:center}.about-me .text-about-me{margin-top:50px;width:100%}.about-me .photo-me{display:flex;height:100%;justify-content:center}.about-me .photo-me .my-photo{background-color:#fff;height:400px;width:100%}}@media screen and (max-width:550px){#about-me-h1{font-size:1.5rem;margin-top:120px}.about-me{display:flex;flex-direction:column-reverse;margin:0 20px;max-width:1000px}.about-me .text-about-me p{font-size:.9rem}.about-me .text-about-me h2{font-size:1.3rem}.about-me .text-about-me .tecnology-used img{height:30px;width:30px}.about-me .photo-me{margin:5% 10%}.about-me .photo-me .my-photo{max-height:300px;min-width:250px}}@media screen and (max-width:320px){.about-me .photo-me{width:100%}.about-me .photo-me .my-photo{max-height:100vw;min-width:0}.about-me .photo-me .my-photo .portifolio-foto{width:100%}}:root{--conteudo:"Copiar"}footer{display:flex;flex-direction:column;margin:170px auto auto;max-width:900px;padding-bottom:90px;text-align:center}footer .contacts-img{display:none}footer img{height:20px;width:20px}footer .email-me h1{font-size:3rem;margin-bottom:0;margin-top:0}footer .email-me .btn-email{cursor:pointer;display:flex;margin:50px auto;max-width:-webkit-min-content;max-width:min-content;position:relative;transition:.25s ease-in}footer .email-me .btn-email:hover{background-color:#d0c8ff}footer .email-me .btn-email:hover:before{color:#161a30;content:"Copiar";content:var(--conteudo);font-weight:900;left:30%;position:absolute;top:34.5%}footer .email-me .btn-email .email-img{align-items:center;border:1px solid #fff;display:flex;padding:22.5px 30px}footer .email-me .btn-email .email-name{border:1px solid #fff;color:#fff;padding:22px}@media screen and (max-width:768px){footer .contacts-img{display:flex;gap:20px;justify-content:center}footer .contacts-img img{height:5vw;width:5vw}}@media screen and (max-width:500px){footer .email-me{position:relative}footer .email-me h1{font-size:2rem}footer .email-me p{font-size:.8rem}footer .email-me .btn-email{display:flex;justify-content:center;max-height:100px;position:relative}footer .email-me .btn-email:hover:before{font-size:.9rem;top:30%}footer p{margin:15px auto;width:90%}}@media screen and (max-width:375px){footer .email-me .btn-email .email-img{padding:5px;width:20%}footer .email-me .btn-email .email-name{align-items:center;display:flex;font-size:.7rem;padding:5px;text-align:center}footer .email-me .btn-email:hover:before{font-size:.7rem;left:25%}footer p{font-size:.9rem}}.contacts-images{align-items:center;bottom:0;display:flex;flex-direction:column;margin-left:40px;position:absolute;position:fixed}.contacts-images img{cursor:pointer;height:30px;margin-bottom:20px;transition:.2s ease-in-out;width:30px}.contacts-images img:hover{transform:translateY(-15%)}.contacts-images .white-border{background-color:#fff;height:100px;width:1px}@media screen and (max-width:1091px){.contacts-images{margin-left:35px}}@media screen and (max-width:768px){.contacts-images{display:none}}
/*# sourceMappingURL=main.9f17a1f9.css.map*/