body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lora","Montserrat",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}nav{height:80px;width:100%}ul li{position:relative;font-weight:500}li:hover{padding:20px;border-radius:2px;background-color:#856b61;box-sizing:border-box}.navLinks{display:flex;list-style:none;width:36%;height:100%;justify-content:space-around;align-items:center;margin-left:auto;font-style:normal;font-size:24px;line-height:22px}.logoName{position:absolute;width:250px;height:16px;left:40px;top:30px;font-style:normal;font-size:30px;font-weight:500;line-height:16px}.menu{display:none}@media screen and (max-width:688px){.logoName{left:25px}nav ul li{line-height:80px;font-size:24px;display:table}li{text-align:center;width:100%}.about:hover,.contact:hover,.inicio:hover,.portfolio:hover{background-color:#856b61}.navLinks{display:flex;flex-direction:column;height:80vh;width:100%;position:absolute;top:80px;left:-100%}.navLinks,.navLinks.active{opacity:1;transition:all .5s ease}.navLinks.active{background:#0f2027;background:linear-gradient(0deg,#2c5364,#203a43,#0f2027);left:0;z-index:1}.line{width:30px;height:3px;background:#fff;margin:5px}nav{position:relative}.menu{position:absolute;right:5%;top:26%;font-size:35px;color:#fff;display:inline;cursor:pointer}}.App{background:#0f2027;background:linear-gradient(0deg,#2c5364,#203a43,#0f2027);display:grid;grid-template-columns:repeat(3,1fr);min-height:100vh}.body,nav{grid-column:1/4}.body{width:100%;height:73.7vh}.footer{grid-column:1/4;height:0}.contentHome{display:grid;grid-template-columns:repeat(2,1fr);place-items:center}.name{grid-column:2/3;margin-right:100px}.avatar{grid-column:1/2;height:700px}.avatarImg img{height:550px;border-radius:50%;margin-top:65px;margin-left:80px;opacity:.6}.name h1{width:800px;font-size:90px;font-weight:500;background:linear-gradient(90deg,#fff,#856b61);-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:h1 1.5s}@keyframes h1{0%{margin-bottom:-150px;margin-top:-150px;transform:translateY(-100%)}to{transform:translateY(0)}}.name h2{width:800px;font-size:60px;font-weight:300;background:linear-gradient(90deg,#fff,#856b61);-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:h2 2s}@keyframes h2{0%{margin-bottom:-150px;margin-top:-150px;transform:translateY(-100%)}to{transform:translateY(0)}}.name h3{width:800px;font-size:26px;font-weight:300;background:linear-gradient(90deg,#fff,#856b61);-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:h3 1s}@keyframes h3{0%{margin-bottom:-150px;margin-top:-150px;transform:translateY(-100%)}to{transform:translateY(0)}}.footer{margin-top:50px;padding:55px 0;text-align:center;font-size:20px;font-weight:360}footer a{font-weight:600;text-decoration:underline}footer a:hover{color:#856b61;-webkit-text-decoration-color:#856b61;text-decoration-color:#856b61}@media screen and (max-width:688px){.contentHome{display:grid;grid-template-columns:repeat(2,1fr);place-items:center}.name{margin-left:100px;text-align:center;width:100%}.avatar,.name{grid-column:1/3}.avatar{height:400px}.avatarImg img{height:320px;margin-top:30px;margin-left:0}.name h1{width:100%;font-size:40px;font-weight:600;padding-bottom:10px}.name h2{width:100%;font-size:30px;font-weight:500}.name h3{width:100%;font-size:20px;padding-bottom:10px}.footer{font-size:16px}}.aboutMe{background:#0f2027;background:linear-gradient(0deg,#2c5364,#203a43,#0f2027);min-height:100vh}.content{width:100%;display:grid;grid-template-columns:repeat(2,1fr);margin-top:50px}.contentAbout{grid-column:1/2;padding:0 40px}.contentSkill{grid-column:2/3;background-color:rgba(15,32,39,.644);width:95%}.contentAbout h1{font-size:55px;margin-bottom:50px}.contentAbout h2{font-size:45px;margin-top:25px;margin-bottom:25px}.contentAbout p{text-align:justify;font-size:23px;display:block;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;line-height:1.7em}.contentAbout a{font-weight:600;text-decoration:underline}.contentAbout a:hover{color:#856b61;-webkit-text-decoration-color:#856b61;text-decoration-color:#856b61}.socialAbout img{height:2.5rem;margin-right:10px}.socialAbout img:hover{opacity:.5}.contentSkill h1{font-size:55px;margin-left:80px;margin-bottom:50px}.contentSkill p{text-align:justify;font-size:23px;line-height:1.7em;margin-left:80px;margin-bottom:100px}.contentImage{display:flex;justify-content:center;flex-wrap:wrap}.imgSkill{width:15%;padding-right:20px;padding-bottom:20px}@media screen and (max-width:688px){.contentAbout,.contentSkill{grid-column:1/3}.contentSkill{width:96%;margin-left:10px;margin-top:20px;margin-bottom:20px}.contentSkill h1{margin-left:30px;margin-bottom:10px}.contentSkill p{padding:20px;margin-bottom:20px}.contentSkill p,.imgSkill{margin-left:10px}}.myPortfolio{background:#0f2027;background:linear-gradient(0deg,#2c5364,#203a43,#0f2027);min-height:100vh}.container,.projects{display:flex;justify-content:center;align-items:center}.container{position:relative;width:100%;flex-wrap:wrap;padding:30px}.container .card{position:relative;max-width:300px;height:170px;background:#0f2027;margin:100px 50px;padding:20px 25px;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 5px 20px hsla(0,0%,100%,.1);transition:.3s ease-in-out}.container .card:hover{height:450px;padding-bottom:30px}.container .card .imageBox{position:relative;width:100%;height:220px;top:-60px;object-fit:cover;border-radius:8px;box-shadow:0 5px 20px hsla(0,0%,100%,.1)}.container .card .imageBox img{max-width:100%;height:220px;object-fit:cover;border-radius:8px}.container .card .contentPortfolio{position:relative;margin-top:-140px;padding:10px 0;text-align:center;visibility:hidden;opacity:0;transition:.3s ease-in-out;display:flex;flex-direction:column}.container .card:hover .contentPortfolio{visibility:visible;opacity:1;margin-top:-40px;transition-delay:.3s}.contentPortfolio h1{color:#856b61;margin-bottom:10px}.btnGit,.btnPreview{margin-top:15px;padding:15px 30px;border-radius:2px;border:1px solid #856b61;box-sizing:border-box}.btnGit:hover,.btnPreview:hover{background-color:#856b61}.btnGroup{display:flex;flex-direction:row;justify-content:space-around}.imgSTech{width:13%;margin-top:20px;padding-right:10px}@media screen and (max-width:688px){.myPortfolio{min-height:170vh}}*{padding:0;margin:0;text-decoration:none;list-style:none;color:#fff}.myContact{background:#0f2027;background:linear-gradient(0deg,#2c5364,#203a43,#0f2027);min-height:100vh}.contentContact{margin-top:100px}.containerContact,.contentContact{display:flex;justify-content:center;align-items:center}.containerContact{position:relative;width:100%;flex-wrap:wrap;padding:30px}.containerContact .cardContact{position:relative;max-width:300px;margin:100px 50px;padding:20px 25px;display:flex;flex-direction:column;border-radius:8px;transition:.3s ease-in-out}.containerContact .cardContact:hover{height:210px;padding-bottom:30px;background:#0f2027;box-shadow:0 5px 20px hsla(0,0%,100%,.1)}.containerContact .cardContact .imageContact img{max-width:100%;height:220px;object-fit:cover;border-radius:8px}.containerContact .cardContact h1{margin-top:30px;text-align:center;visibility:hidden;opacity:0}.containerContact .cardContact:hover h1{visibility:visible;opacity:1}@media screen and (max-width:688px){.contentContact{margin-top:10px}.containerContact{flex-wrap:wrap;padding:0}.containerContact .cardContact:hover{height:95px}.containerContact .cardContact .imageContact img{max-width:100%;height:100px}.containerContact .cardContact h1{font-size:20px;text-align:center;visibility:visible;opacity:1}}
/*# sourceMappingURL=main.0333e5a2.chunk.css.map */