@import url(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{-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}@font-face{font-family:Lovelo;font-style:normal;font-weight:400;src:url(../../static/media/Lovelo-Black.7f0d34355af493564fc7.otf) format("otf")}:root{--dark-blue:#161a30;--blue:#31304d;--grey:#b6bbc4;--white:#f0ece5;--lovelo:"Lovelo",sans-serif}*{scroll-behavior:smooth}#about,#project,#skills{scroll-margin-top:110px}body{background-color:#161a30;background-color:var(--dark-blue);min-height:100vh;min-width:320px}.shapes{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:87%;z-index:-1}.shapes li{animation:animate 25s linear infinite;background:#b6bbc470;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.shapes li:first-child{animation-delay:0s;height:80px;left:25%;width:80px}.shapes li:nth-child(2){animation-delay:2s;animation-duration:12s;-webkit-clip-path:polygon(50% 20%,0 100%,100% 100%);clip-path:polygon(50% 20%,0 100%,100% 100%);height:20px;left:10%;width:20px}.shapes li:nth-child(3){animation-delay:4s;height:20px;left:70%;width:20px}.shapes li:nth-child(4){animation-delay:0s;animation-duration:18s;-webkit-clip-path:polygon(50% 20%,0 100%,100% 100%);clip-path:polygon(50% 20%,0 100%,100% 100%);height:60px;left:40%;width:60px}.shapes li:nth-child(5){animation-delay:0s;height:20px;left:65%;width:20px}.shapes li:nth-child(6){animation-delay:3s;-webkit-clip-path:polygon(50% 20%,0 100%,100% 100%);clip-path:polygon(50% 20%,0 100%,100% 100%);height:110px;left:75%;width:110px}.shapes li:nth-child(7){animation-delay:7s;height:150px;left:35%;width:150px}.shapes li:nth-child(8){animation-delay:15s;animation-duration:45s;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:25px;left:50%;width:25px}.shapes li:nth-child(9){animation-delay:2s;animation-duration:35s;height:15px;left:20%;width:15px}.shapes li:nth-child(10){animation-delay:0s;animation-duration:11s;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:150px;left:85%;width:150px}@keyframes animate{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-1000px) rotate(2turn)}}.aboutView{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:70px}.aboutView h2{color:var(--white);font-family:var(--lovelo)}.aboutMe{line-height:1.5em;margin:0 5%;padding:15px;text-align:center}.aboutMe,.buttonCV{background-color:var(--white);font-family:Roboto,sans-serif}.buttonCV{align-items:center;border:none;color:var(--dark-blue);cursor:pointer;display:flex;font-size:1.2em;font-weight:700;height:40px;justify-content:center;transition:.3s;width:235px}.buttonCV:hover{background-color:var(--grey);scale:1.05;transition:.3s}.buttonCV:active{background-color:var(--blue);color:var(--white);transition:0s}.iconDL{margin-left:10px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.firstView{justify-content:space-between;min-height:100vh}.firstView,.nameDesc{display:flex;flex-direction:column}.nameDesc{align-items:center;color:var(--white);justify-content:center;margin:100px auto 50px}.nameDesc>h1{color:var(--white);font-family:var(--lovelo);font-size:2rem}.socialNetwork{align-items:center;display:flex;flex-direction:column}.socialNetwork .buttonSN>a:first-child{margin-right:50px}.iconSN{color:var(--white);transition:all .3s}.iconSN:hover{color:var(--grey);scale:1.1}.cvContainer{margin-top:50px}.buttonsFirstView{align-items:center;display:flex;flex-direction:column;margin-bottom:80px}.arrowScrollDown{margin:100px 0}.iconArrowDown{animation:bounce 1.3s ease infinite;background-color:var(--white);border-radius:50%;padding:10px}.iconArrowDown,a{color:var(--blue)}a{font-family:var(--lovelo);text-decoration:none}.parent a{color:inherit;font-family:inherit}.menu{position:relative}.menuToggle{align-items:flex-start;background-color:var(--white);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,20% 100%,0 80%);clip-path:polygon(0 0,100% 0,100% 100%,20% 100%,0 80%);display:flex;flex-direction:column;padding:0 10px 20px 20px;position:fixed;right:-170px;transition:all .5s}.menuToggle>a:nth-child(n){font-size:1.2rem;margin-bottom:15px}.menuToggle>a:first-child{margin-top:10px}.menuToggle>a:last-child{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{animation:smoothScroll 1s forwards;box-shadow:0 4px 6px rgba(0,0,0,.363);position:fixed;top:0;width:100%;z-index:2}nav{display:flex;justify-content:space-between;padding:0 10px}.logo{color:var(--blue);font-family:var(--lovelo);font-size:40px}.cardProject{background-color:var(--white);border-radius:25px 25px 25px 25px;display:flex;flex-direction:column;height:550px;margin-bottom:30px;transform-style:preserve-3d;transition:all .5s ease-in-out}.cardBodyProject{color:var(--blue)}.containerImgProject .cardImgProject{height:100px;transform:translateZ(500px);transition:all .5s ease-in-out}.containerImgProject .cardImgProject:hover{transform:translateZ(50px)}.cardImgProject{border-radius:15px;left:15px;position:relative;top:30px}.cardBodyProject{padding:50px 10px 10px;transform:translateZ(20px);transform-style:preserve-3d;transition:all .5s ease-in-out}.cardBodyProject h3{font-size:1.5em}.desc{font-weight:700}.githubLinkCard{display:flex;height:40px;justify-content:flex-end;margin-top:25px;padding-right:15px}.parent{margin:0 5px 30px;width:300px}.content-box{padding:50px 25px 25px;transform-style:preserve-3d;transition:all .5s ease-in-out}.content-box .card-title{font-weight:900;transform:translateZ(20px);transition:all .5s ease-in-out}.content-box .card-title:hover{transform:translateZ(50px)}.content-box .card-content{transform:translateZ(20px);transition:all .5s ease-in-out}.content-box .card-content:hover{transform:translateZ(50px)}.content-box .langContainer{font-weight:900;padding-top:15px;text-transform:uppercase;transform:translateZ(20px);transition:all .5s ease-in-out}.content-box .langContainer:hover{transform:translateZ(50px)}.content-box .githubLinkCard div:hover{.logoGitHub{scale:1.2;transition:all .5s ease-in-out}}.backCard{display:none}.containerCard{height:100%;perspective:1000px}@media (min-width:1024px){.cardImgProject{opacity:0;transition:opacity 5s}.containerCard{opacity:0}.parent:hover{.cardImgProject{opacity:1}.containerCard{opacity:1;transition:opacity 1.2s}.backCard{opacity:0;perspective:1000px;position:absolute;transform:scaleX(-1);transition:opacity .3s}.card{transform:rotateY(0deg)}}.backCard{align-items:center;background-color:var(--blue);border-radius:20px;display:flex;height:100%;justify-content:center;position:absolute;transform:scaleX(-1);width:300px}.backCard span{color:var(--white);font-family:var(--lovelo);font-size:2em;transform:rotate(-45deg)}.card{margin:0 5px;transform:rotateY(180deg);transform-style:preserve-3d;transition:all .5s ease-in-out;width:300px}}.projectView{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:100px;width:100%}.projectContainer{display:flex;flex-wrap:wrap;justify-content:space-around}.projectView h2{color:var(--white);font-family:var(--lovelo)}.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{max-width:800px;position:relative;width:80%}.lineStyle{border:3px solid var(--white)}.heightLine1{animation:colorChange 5s infinite;top:40px}.heightLine1,.heightLine2{position:relative;transform:rotate(90deg);width:100px}.widhtLine{top:80px}.heightLineLeft,.widhtLine{animation:colorChange 5s infinite;position:relative}.heightLineLeft{left:-50%;top:131px}.heightLineLeft,.heightLineRight{transform:rotate(90deg);width:130px}.heightLineRight{animation:colorChange 5s infinite;top:117px}.heightLineRight,.posDot1{left:50%;position:relative}.posDot1{transform:translateX(-50%)}.posDot2{top:160px}.posDot2,.posDot3{position:relative;transform:translateX(-50%)}.posDot3{left:100%;top:128px}.circle-dot{background-color:var(--white);border-radius:50%;height:2em;width:2em;z-index:1}.posSquare1{left:50%;position:absolute;top:137px;transform:translate(-50%,-50%) rotate(45deg)}.square{background-color:var(--white);height:2em;width:2em;z-index:1}.backTitle,.frontTitle{bottom:10px;color:var(--white);font-family:var(--lovelo);position:absolute;width:100px}.backTitle{right:-25px}.skillView{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:100px;min-height:50vh}.skillView h2{color:var(--white);font-family:var(--lovelo)}.iconContainer{display:flex;justify-content:space-between;margin-top:150px;max-width:950px;width:100%}.front{margin-left:5%}.back{margin-right:5%}
/*# sourceMappingURL=main.e0c8d008.css.map*/