:root{--firstColor:#4f31da;--white:#fff;--black:#000;--hoverButton:#fbffd3;--colorText:#bbbbbb33;--colorText1:#939393;--primaryColor:#ffe700;--secondaryColor:#007c89;--fontSizeH2:2.5rem;--fontTitle:1.9rem;--fontSizeButton:1.2rem;--fontWeightButton:700;--backgroundColor:#bbbbbb6b;--backgroundColor2:#ff005073;--poppins:"Poppins";--nunito:"Nunito";--rubik:"Rubik"}.header{grid-gap:20px;display:grid;grid-template-columns:28% 40%;margin:50px 0;overflow:hidden;place-content:center}.photo_perfil_container{display:grid;height:500px;place-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.photo_perfil_image{width:90%}.perfil_info_container{display:grid;place-content:center}.perfil_info_container h2{font-family:Roboto;font-size:2.5rem;margin:initial}.perfil_info_container p{color:var(--colorText1);font-family:Rubik;font-size:1.2rem;line-height:25px}.button_container button{border-radius:5px;cursor:pointer;text-transform:capitalize}.contactme_button{background:#000;border:none;color:#fff;margin-right:30px}.check_my_work,.contactme_button{font-size:1rem;font-weight:600;height:50px}.check_my_work{background:#fff;border:1px solid #000;color:#000}.parallelogram{background:#f5f5f5;border-radius:15px;border-radius:5px;-webkit-clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);height:90px;margin:initial;opacity:.5;position:absolute;right:-421px;top:60px;width:150px;z-index:10}.polka{background-image:radial-gradient(#ece4e4 10%,transparent 12%),radial-gradient(#ece4e4 10%,transparent 12%);background-position:0 0,8px 8px;background-size:16px 16px;border-radius:20px;-webkit-clip-path:polygon(11% 8%,100% 8%,75% 100%,0 100%);clip-path:polygon(11% 8%,100% 8%,75% 100%,0 100%);height:90;position:absolute;right:83px;top:55px;width:170px;z-index:20}.sub{background:var(--black);color:var(--white)}@media (max-width:420px){.perfil_info_container{text-align:center;width:100%}.header{overflow:visible;overflow:initial}}@media (max-width:875px){.perfil_info_container h2{font-size:1.7rem}}@media (max-width:720px){.header{grid-template-columns:minmax(300px,500px);margin:50px 40px;position:static}.photo_perfil_container{height:100%;margin:auto;place-items:center;width:70%}.photo_perfil_image{width:60%}}.Navbar{background:#fff;box-shadow:0 0 20px rgb(0 0 0/2%);display:grid;font-weight:500;grid-template-areas:"brand list social";height:70px;justify-content:space-between;place-items:center;position:-webkit-sticky;position:sticky;text-transform:capitalize;top:0;width:100%}.Navbar img{height:60px;width:60px}.navbar_section{cursor:pointer;display:flex;font-family:Roboto;justify-content:center;list-style:none;padding:initial}.navbar_section li{margin:0 30px}.list a{color:#000;text-decoration:none}.navbar_dev_social{display:flex;font-family:Roboto;list-style:none;padding:initial}.navbar_dev_social li a{color:var(--black);font-size:1.5rem;margin:0 30px}.brand{font-family:Rubik;font-size:1.8rem;font-weight:900;grid-area:brand;margin-left:10px}.list a:hover{color:#000}.list:after{background:#000;content:"";display:block;height:2px;transition:width .3s;width:0}.list:hover:after{transition:width .3s;width:100%}.burger_menu{display:none;grid-area:brand}@media (max-width:420px){.brand,.navbar_dev_social{width:100%}.navbar_dev_social li a{margin:0 20px}}@media (max-width:500px){.Navbar{grid-template-areas:"brand social"}.navbar_section{display:none}.navbar_section li{display:grid;font-size:2.5rem;font-weight:800;margin:100px 15px;place-content:center;place-items:center;text-align:center}.burger_menu{grid-area:brand;margin-left:20px}.activeMenu,.burger_menu{display:inline;display:initial}.activeMenu{background:var(--white);bottom:-20px;left:0;position:fixed;right:0;top:53px}}@media (max-width:600px){.navbar_dev_social li a{margin:0 15px}}.projects{font-family:Roboto;margin:150px 20px;text-align:center}.projects h1{font-family:Rubik;font-size:2rem;font-weight:900;text-transform:uppercase}.info_project h2{font-size:1rem;margin:5px 0;text-align:left;text-transform:capitalize}.projects_introduce{color:var(--colorText1);font-family:Roboto;font-size:1.5rem;margin:40px 0}.tech_list_container li{font-size:.7rem;text-transform:capitalize}.project_list{grid-gap:40px;display:grid;grid-template-columns:repeat(3,minmax(100px,250px));list-style:none;padding:initial;place-content:center;place-items:center}.project_list img{max-height:220px;max-width:220px}.project_list p{color:#a5a5a5;font-family:Roboto;font-size:.8rem;text-align:left}.image_project{height:100%;width:100%}.tech_list_container{display:flex;flex-wrap:wrap;height:auto;list-style:none;padding:initial;width:100%}.tech{background:#f5f5f5;border-radius:20px;height:20px;line-height:20px;margin:2px;padding:2px 5px}.info_container{width:220px}.info_project{padding:3px}.link_project{display:flex;gap:3px;justify-content:space-between;text-align:left;width:100%}.preview{background:var(--black);border-radius:5px;color:var(--white);display:grid;font-size:1rem;padding:3px;place-items:center;text-decoration:none;width:50%}.preview:hover{opacity:.7}.github{background-color:#fff;border:1px solid #501c81;border-radius:5px;color:#501c81;display:grid;height:30px;padding:5px;place-items:center;text-decoration:none;width:50%}.github:hover{background:#501c81;color:var(--white)}.fav_icon{margin-right:10px}@media (max-width:850px){.project_list{grid-template-columns:repeat(2,minmax(100px,250px))}.skills ul{min-width:300px}}@media (max-width:500px){.project_list{grid-gap:40px;grid-template-columns:minmax(100px,250px)}.projects{margin:100px 20px}.projects_introduce{font-size:1rem}}.skills{display:grid;margin:100px;place-content:center;place-items:center}.skills h2{font-family:Rubik;font-size:2rem;font-weight:900;text-transform:uppercase}.skills ul{display:grid;font-size:1.5rem;font-weight:600;grid-template-columns:minmax(100px,200px) minmax(100px,200px);list-style:none;padding:initial;place-content:center;place-items:center;text-transform:capitalize}.skills li{margin:10px 0}.skills span{background:#000;color:#fff}@media (max-width:500px){.skills h2{text-align:center}}.contact{display:grid;font-family:Roboto;grid-template-columns:minmax(300px,600px);margin-bottom:100px;place-content:center;place-items:center}.contact h2{font-family:Rubik;font-size:2rem;font-weight:800;text-transform:uppercase}.form{display:grid;margin:0 10px;place-content:center;place-items:center}.form-group{margin:10px 0;width:100%}.form-group input{height:25px;width:100%}.form-group input,.form-group textarea{background:#f7f7f7;border:1px solid #d1d1d175;border-radius:3px;margin-top:10px}.form-group textarea{height:95px;padding:5px;resize:none;width:295px}.form-group label{width:300px}.contact button,.form-group label{font-weight:500;text-transform:capitalize}.contact button{background:var(--black);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-family:Rubik;height:30px;width:100px}.contact button:hover{opacity:.5}.icon_message{margin-right:10px}body{background:var(--white);color:#1e1e1f;font-family:Montserrat,Arial,Helvetica,sans-serif;margin:0;padding:0}#app{margin:0;min-height:100vh;position:relative}
/*# sourceMappingURL=main.b9e32398.css.map*/