@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Lovelo;src:url(/assets/Lovelo-Black-ARXKxGN0.otf) format("otf");font-weight:400;font-style:normal}:root{--dark-blue: #161A30;--blue: #31304D;--grey: #B6BBC4;--white: #F0ECE5;--lovelo: "Lovelo", sans-serif}*{scroll-behavior:smooth}#about,#skills,#project{scroll-margin-top:110px}body{min-height:100vh;background-color:var(--dark-blue);min-width:320px}.shapes{position:fixed;top:0;left:0;width:87%;height:100%;overflow:hidden;z-index:-1}.shapes li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#b6bbc470;animation:animate 25s linear infinite;bottom:-150px}.shapes li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.shapes li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s;clip-path:polygon(50% 20%,0 100%,100% 100%)}.shapes li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.shapes li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s;clip-path:polygon(50% 20%,0 100%,100% 100%)}.shapes li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.shapes li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s;clip-path:polygon(50% 20%,0 100%,100% 100%)}.shapes li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.shapes li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shapes li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.shapes li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-1000px) rotate(720deg);opacity:0}}.aboutView{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:70px}.aboutView h2{font-family:var(--lovelo);color:var(--white)}.aboutMe{background-color:var(--white);padding:15px;margin:0 5%;text-align:center;font-family:Roboto,sans-serif;line-height:1.5em}.buttonCV{display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-weight:700;color:var(--dark-blue);width:235px;height:40px;font-size:1.2em;cursor:pointer;background-color:var(--white);border:none;transition:.3s}.buttonCV:hover{transition:.3s;background-color:var(--grey);scale:1.05}.buttonCV:active{transition:0s;background-color:var(--blue);color:var(--white)}.iconDL{margin-left:10px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.firstView{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.nameDesc{color:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:100px auto 50px}.nameDesc>h1{font-family:var(--lovelo);font-size:2rem;color:var(--white)}.socialNetwork{display:flex;flex-direction:column;align-items:center}.socialNetwork .buttonSN>a:nth-child(1){margin-right:50px}.iconSN{color:var(--white);transition:all .3s}.iconSN:hover{color:var(--grey);scale:1.1}.cvContainer{margin-top:50px}.buttonsFirstView{display:flex;align-items:center;flex-direction:column;margin-bottom:80px}.arrowScrollDown{margin:100px 0}.iconArrowDown{color:var(--blue);background-color:var(--white);border-radius:50%;padding:10px;animation:bounce 1.3s ease infinite}a{text-decoration:none;color:var(--blue);font-family:var(--lovelo)}.parent a{color:inherit;font-family:inherit}.menu{position:relative}.menuToggle{display:flex;flex-direction:column;align-items:flex-start;position:fixed;right:-170px;background-color:var(--white);clip-path:polygon(0 0,100% 0,100% 100%,20% 100%,0 80%);padding:0 10px 20px 20px;transition:all .5s}.menuToggle>a:nth-child(n){margin-bottom:15px;font-size:1.2rem}.menuToggle>a:nth-child(1){margin-top:10px}.menuToggle>a:nth-last-child(1){margin-bottom:0}.active{right:0}.menuBurger{transition:all .4s ease-in-out}.menuBurger:hover{cursor:pointer;scale:1.2}@keyframes smoothScroll{0%{transform:translateY(-40px)}to{transform:translateY(0)}}.portfolioHeader{background-color:var(--white);min-height:50px;transition:box-shadow 1.5s ease}.portfolioHeader.fixed{position:fixed;top:0;width:100%;box-shadow:0 4px 6px #0000005d;animation:smoothScroll 1s forwards;z-index:2}nav{display:flex;justify-content:space-between;padding:0 10px}.logo{font-family:var(--lovelo);font-size:40px;color:var(--blue)}.cardProject{background-color:var(--white);height:550px;display:flex;flex-direction:column;transform-style:preserve-3d;margin-bottom:30px;border-radius:25px;transition:all .5s ease-in-out}.cardBodyProject{color:var(--blue)}.containerImgProject .cardImgProject{height:100px;transition:all .5s ease-in-out;transform:translateZ(500px)}.containerImgProject .cardImgProject:hover{transform:translateZ(50px)}.cardImgProject{position:relative;top:30px;left:15px;border-radius:15px}.cardBodyProject{padding:50px 10px 10px;transform-style:preserve-3d;transition:all .5s ease-in-out;transform:translateZ(20px)}.cardBodyProject h3{font-size:1.5em}.desc{font-weight:700}.githubLinkCard{display:flex;justify-content:flex-end;padding-right:15px;margin-top:25px;height:40px}.parent{width:300px;margin:0 5px 30px}.content-box{transition:all .5s ease-in-out;padding:50px 25px 25px;transform-style:preserve-3d}.content-box .card-title{font-weight:900;transition:all .5s ease-in-out;transform:translateZ(20px)}.content-box .card-title:hover{transform:translateZ(50px)}.content-box .card-content{transition:all .5s ease-in-out;transform:translateZ(20px)}.content-box .card-content:hover{transform:translateZ(50px)}.content-box .langContainer{font-weight:900;text-transform:uppercase;padding-top:15px;transition:all .5s ease-in-out;transform:translateZ(20px)}.content-box .langContainer:hover{transform:translateZ(50px)}.content-box .githubLinkCard div:hover .logoGitHub{transition:all .5s ease-in-out;scale:1.2}.backCard{display:none}.containerCard{perspective:1000px;height:100%}@media(min-width:1024px){.cardImgProject{opacity:0;transition:opacity 5s}.containerCard{opacity:0}.parent:hover .cardImgProject{opacity:1}.parent:hover .containerCard{transition:opacity 1.2s;opacity:1}.parent:hover .backCard{transform:scaleX(-1);position:absolute;transition:opacity .3s;opacity:0;perspective:1000px}.parent:hover .card{transform:rotateY(0)}.backCard{transform:scaleX(-1);position:absolute;width:300px;background-color:var(--blue);height:100%;border-radius:20px;display:flex;justify-content:center;align-items:center}.backCard span{font-family:var(--lovelo);color:var(--white);transform:rotate(-45deg);font-size:2em}.card{width:300px;transform-style:preserve-3d;transition:all .5s ease-in-out;transform:rotateY(180deg);margin:0 5px}}.projectView{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:100px;width:100%}.projectContainer{display:flex;flex-wrap:wrap;justify-content:space-around}.projectView h2{font-family:var(--lovelo);color:var(--white)}.iconSkill{margin:10px 0}@keyframes colorChange{0%{border:3px solid var(--white)}40%{border:3px solid var(--grey)}70%{border:3px solid var(--blue)}to{border:3px solid var(--white)}}.schemaBox{position:relative;width:80%;max-width:800px}.lineStyle{border:3px solid var(--white)}.heightLine1{position:relative;top:40px;transform:rotate(90deg);width:100px;animation:colorChange infinite 5s}.heightLine2{position:relative;transform:rotate(90deg);width:100px}.widhtLine{position:relative;top:80px;animation:colorChange infinite 5s}.heightLineLeft{position:relative;left:-50%;top:131px;transform:rotate(90deg);width:130px;animation:colorChange infinite 5s}.heightLineRight{position:relative;left:50%;top:117px;transform:rotate(90deg);width:130px;animation:colorChange infinite 5s}.heightLineMiddle{position:relative;top:90px;transform:rotate(90deg);width:170px;animation:colorChange infinite 5s}.posDot1{position:relative;left:50%;transform:translate(-50%)}.posDot2{position:relative;top:160px;transform:translate(-50%)}.posDot3{position:relative;left:100%;top:128px;transform:translate(-50%)}.posDot4{position:relative;left:50%;top:98px;transform:translate(-50%)}.circle-dot{width:2em;height:2em;border-radius:50%;background-color:var(--white);z-index:1}.posSquare1{position:absolute;left:50%;top:137px;transform:translate(-50%,-50%) rotate(45deg)}.square{width:2em;height:2em;background-color:var(--white);z-index:1}.frontTitle{position:absolute;width:100px;bottom:70px;font-family:var(--lovelo);color:var(--white)}.backTitle{position:absolute;width:100px;bottom:70px;right:-25px;font-family:var(--lovelo);color:var(--white)}.toolsTitle{position:absolute;width:100px;bottom:-135px;left:50%;transform:translate(-50%);text-align:center;font-family:var(--lovelo);color:var(--white)}.skillView{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:100px;min-height:50vh}.skillView h2{font-family:var(--lovelo);color:var(--white)}.iconContainer{margin-top:120px;width:100%;display:flex;justify-content:space-between;max-width:950px}.front{margin-left:5%}.back{margin-right:5%}