.container_arrow_down{padding-top:40px;width:100px;height:60px;display:none;display:flex;justify-content:center;align-self:center}.box span{width:20px;height:20px;display:block;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin:-10px;animation:animate 2s infinite}.box span:nth-child(2){animation-delay:-.2s}.box span:nth-child(3){animation-delay:-.4s}@keyframes animate{0%{opacity:0}50%{opacity:1;transform:rotate(45deg) translate(10px,10px)}to{opacity:0}}.header_content{height:100%;width:100%;overflow-y:scroll}.header_content .main{height:100%;display:flex;flex-direction:column;justify-content:center}.header_content .main .title_resume{color:#e9e9f1;font-size:50px;font-weight:400}.header_content .about{margin-top:70px;padding-top:20px}.header_content .about .container_img{margin-top:25px;display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.header_content .about .container_img .container_photo{width:250px;height:400px;background-color:#464957;border-radius:25px;background-position:center;background-repeat:no-repeat;background-size:cover;border:solid 1px #6a6a70}.header_content .about .title_section_skills{color:#e9e9f1;display:flex;justify-content:center;margin-top:10px}.header_content .about .container_skills{margin-top:15px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.header_content .about .container_skills .skills{border-radius:30px;border-style:solid;border-width:1px;border-color:#6a6a70;padding:5px 15px;font-size:15px;font-weight:500;background-color:#111;color:#e9e9f1}.header_content .portfolio{height:auto;padding-top:20px;margin-top:30px;width:100%}.header_content .portfolio .proyects{margin-top:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;width:100%;overflow-x:auto}.header_content .experience{margin-top:50px}.header_content .experience .container_exp{margin-top:15px;display:flex;justify-content:space-around;gap:15px;flex-wrap:wrap;color:#e9e9f1}.header_content .experience .container_exp .skill_icon{font-size:40px;border-style:solid;border-width:1px;padding:10px;border-color:#232323;border-radius:15px;background-color:#161616;display:flex;flex-direction:column;align-items:center;gap:5px}.header_content .experience .container_exp .skill_icon p{font-size:15px}.header_content .experience .container_exp .skill_icon:hover{color:#3654ff;box-shadow:0 0 100px 1px #3654ff;transition:color,box-shadow .3s ease}.header_content .contact{margin-top:50px;padding-top:20px}.header_content .contact .container_contact .form{display:flex;gap:20px}.header_content .contact .container_contact .form .form_card1{width:50%}.header_content .contact .container_contact .form .form_card1 .contact_div .contact_content{display:flex;gap:10px;margin-top:10px}.header_content .contact .container_contact .form .form_card1 .contact_div .contact_content .icon_contact{color:#e9e9f1}.header_content .contact .container_contact .form .form_card1 .contact_div .contact_content .text_contact{color:#609cfc}.header_content .contact .container_contact .form .form_card2{width:50%;margin-right:15px}.header_content .contact .container_contact .form .form_card2 .form_elements{width:100%;display:flex;flex-direction:column}.header_content .contact .container_contact .form .form_card2 .form_elements .form_labels{color:#e9e9f1}.header_content .contact .container_contact .form .form_card2 .form_elements .form_inputs{margin-bottom:10px;width:100%;height:40px;font-size:20px;background-color:transparent;color:#e9e9f1;border-radius:15px;border-style:solid;border-width:1px;padding-left:20px}.header_content .contact .container_contact .form .form_card2 .form_elements .text_area{height:170px;resize:none}.header_content .contact .container_contact .form .form_card2 .container_btn_send{display:flex;align-items:center;justify-content:space-between}.header_content .contact .container_contact .form .form_card2 .container_btn_send .btn_submit{background-color:#3654ff;color:#e9e9f1;border-radius:30px;border-style:none;font-size:18px;height:40px;width:200px;cursor:pointer}.header_content .contact .container_contact .form .form_card2 .container_btn_send .btn_submit:hover{box-shadow:0 0 50px 1px #3654ff;transition:box-shadow .3s ease}.header_content .contact .container_contact .form .form_card2 .container_btn_send .send_message_success{color:#e9e9f1;display:flex;font-size:18px}.header_content .contact .container_contact .form .form_card2 .container_btn_send .send_message_success .checkSquare{color:#1fd32f}.header_content .footer{width:100%;background-color:#161616;border-style:solid;border-width:1px;border-color:#2b2b2b;border-radius:10px;padding:10px 20px;display:flex;flex-direction:column;align-items:center;margin-top:20px}.header_content .footer .hr_footer{width:300px;border:0;height:2px;background-color:#6a6a70}.header_content .footer .footer_text{color:#e9e9f1}.btn_section{align-self:flex-start;display:flex;justify-content:center;align-items:center;height:40px;border-radius:30px;background-color:transparent;border-style:solid;border-width:1px;border-color:#6a6a70;color:#e9e9f1}.btn_section .icon_star{font-size:15px;color:#e9e9f1}.title_section{color:#e9e9f1;font-size:35px;font-weight:500}.sub_title_proyects{color:#e9e9f1;font-size:20px;font-weight:400}.description{color:#e9e9f1;font-size:20px;text-align:justify}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#464957;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3654ff}::-webkit-scrollbar-corner{background:transparent}.card_proyect{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:300px;height:300px;border-radius:20px;border-width:1px;border-color:#232324;border-style:solid;background-color:#161616}.card_proyect .back_color{grid-area:1/1/2/2}.card_proyect .middle_color{grid-area:1/1/2/2;height:100%;display:flex}.card_proyect .middle_color .middle_card{background-color:#414141;height:200px;width:99%;align-self:flex-end;border-radius:20px}.card_proyect .front_content{grid-area:1/1/2/2;display:flex;flex-direction:column;padding-left:20px;padding-right:20px}.card_proyect .front_content .img_card{width:260px;align-self:center;margin-top:10px}.card_proyect .front_content .title_card{margin-top:15px;font-size:18px;color:#e9e9f1}.card_proyect .front_content .description_card{color:#bbbaba;font-weight:500;font-size:15px}.card_proyect .front_content .butom_proyect{height:50px;display:flex;gap:10px;align-items:center}.card_proyect .front_content .butom_proyect .btn_proyects{display:flex;justify-content:center;align-items:center;border-style:none;border-radius:30px;background-color:#e9e9f1;padding:0 15px;height:30px;font-weight:600;cursor:pointer;text-decoration:none}.card_proyect .front_content .butom_proyect .btn_proyects .live{font-size:10px;display:flex;align-items:center}.card_proyect .front_content .butom_proyect .star{height:100%;display:flex;align-items:center}.containerCard{width:300px;background-color:#161616;border-radius:30px;border-style:solid;border-width:1px;border-color:#232324;padding:25px}.containerCard .header{display:flex}.containerCard .header .iconProfile{width:3px;margin-right:10px;border-radius:10px;background-color:#3654ff}.containerCard .header .name{font-size:28px;color:#e9e9f1;text-decoration:none;font-weight:600}.containerCard .photo_profile{background-image:url(../imgs/profile_photo.jpg);height:250px;background-repeat:no-repeat;background-size:contain;border-radius:30px}.containerCard .profile_description{color:#6a6a70;font-weight:600;font-size:13px}.containerCard .profession{color:#e9e9f1;font-size:20px}.containerCard .social_networks{display:flex;justify-content:space-between;gap:15px}.containerCard .social_networks .social{width:100%;height:40px;border-radius:50px;background-color:#161616;border-width:1px;border-style:solid;border-color:#6a6a70;display:flex;justify-content:center;align-items:center;color:#e9e9f1;font-size:20px;margin:5px 0}.containerCard .social_networks .social:hover{border-radius:10px;transition:border-radius .3s ease}.containerCard .btn{display:flex;justify-content:center;margin-top:5px}.containerCard .btn .btn_contact{display:flex;justify-content:center;align-items:center;text-decoration:none;height:40px;width:200px;border-style:none;border-radius:30px;background-color:#3654ff;color:#e9e9f1;font-size:16px;font-weight:500}.containerCard .btn .btn_contact:hover{box-shadow:0 0 50px 1px #3654ff;transition:box-shadow .3s ease}.container_nav_menu{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.container_nav_menu .container_options{width:180px;height:90px;padding:10px;border-radius:15px;position:absolute;background-color:#161616;border-style:solid;border-width:1px;border-color:#232324;top:-95px;right:5px;display:block;box-shadow:#e9e9f1;box-shadow:2px 4px 10px #00000080}.container_nav_menu .container_options .lang_description_bottom_menu{color:#e9e9f1}.container_nav_menu .container_options .container_lang_bottom_menu,.container_nav_menu .container_options .container_dark_bottom_menu{display:flex;align-items:center;justify-content:space-between;margin:3px}.container_nav_menu .nav_icon_bottom{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:500;color:#e9e9f1;text-decoration:none;background-color:transparent;border-style:none}.container_nav_menu .nav_icon_bottom .icon_menu_bottom{font-size:18px;color:#e9e9f1}.container_nav_menu .nav_icon_bottom .style_menu_hamburger{font-size:35px}.container_nav_menu .conatiner_menu_buttom{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.container_nav_menu .conatiner_menu_buttom .checkbox_state{display:none}.checkbox_btn{background-color:transparent;border-style:solid;border-width:1px;border-radius:5px;border-color:#789;color:#789;cursor:pointer;display:flex;justify-content:center;align-items:center;height:30px}.checkbox_btn:hover{color:#e9e9f1;transition:color .3s ease}.ckeckbox_lang{display:none}.container_top_menu{display:flex;justify-content:space-between;align-items:center;height:100%;padding-right:20px}.container_top_menu .container_btns_nav{display:flex;gap:10px}.container_top_menu .container_btns_nav .btn{display:flex;justify-content:center;align-items:center;text-decoration:none;border-radius:30px;height:50px;padding:0 25px;border-style:none;color:#789;font-size:16px;font-weight:500;background-color:#111111b3}.container_top_menu .container_btns_nav .btn:hover{color:#e9e9f1;transition:color .5s ease}.container_top_menu .container_btns_help{display:flex;gap:10px;align-items:center}.container_top_menu .container_btns_help .btn_lang,.container_top_menu .container_btns_help .btn_dark_mode{color:#e9e9f1;background-color:transparent;border-style:none;font-size:16px;font-weight:500}.container_top_menu .container_btns_help .btnContact{display:flex;justify-content:center;align-items:center;border-radius:30px;height:50px;width:150px;font-weight:500;font-size:16px;border-style:none;color:#e9e9f1;background-color:#3654ff;text-decoration:none}.container_top_menu .container_btns_help .btnContact:hover{box-shadow:0 0 40px 3px #3654ff;transition:box-shadow .3s ease}.container_top_menu .container_btns_help .btnContact .icon_message{font-size:20px}@media (min-width: 1150px){.container{height:100vh;display:grid;grid-template-columns:350px minmax(0,1fr);grid-template-rows:15% 75% 10%;grid-column-gap:0px;grid-row-gap:0px}.container .lateralInfo{grid-area:1/1/4/2;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.container .lateralInfo .btns_helps{display:none}.container .lateralInfo .arrow_hide{padding-bottom:50px;visibility:hidden;display:none;background-color:#0ff}.container .topMenu{grid-area:1/2/2/3;height:15vh}.container .topMenu .container_top_menu{width:100%}.container .content{grid-area:2/2/3/3;height:75vh;padding:0 10px;width:100%}.container .bottomMenu{grid-area:3/2/4/3;height:10vh}.container .bottomMenu .container_bottom_menu{display:none}.container .bottomMenu .container_bottom_info{display:block}}@media (min-width: 900px) and (max-width: 1150px){.container{height:100vh;display:grid;grid-template-columns:350px 1fr;grid-template-rows:90% 10%}.container .lateralInfo{grid-area:1/1/3/2;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.container .lateralInfo .btns_helps,.container .lateralInfo .arrow_hide,.container .topMenu,.container .topMenu .container_top_menu{display:none}.container .content{grid-area:1/2/2/3;height:80vh;padding:10px}.container .bottomMenu{grid-area:2/2/3/3;height:10vh}.container .bottomMenu .container_bottom_menu{display:block}.container .bottomMenu .container_bottom_info{display:none}}@media (min-width: 650px) and (max-width: 899px){.container{height:100vh;display:grid;grid-template-columns:350px 1fr;grid-template-rows:90% 10%}.container .lateralInfo{grid-area:1/1/3/2;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.container .lateralInfo .btns_helps,.container .lateralInfo .arrow_hide,.container .topMenu,.container .topMenu .container_top_menu{display:none}.container .content{grid-area:1/2/2/3;height:80vh;padding:10px}.container .content .header_content .main .title_resume{font-size:40px}.container .content .header_content .contact .container_contact .form{display:flex;flex-direction:column}.container .content .header_content .contact .container_contact .form .form_card1,.container .content .header_content .contact .container_contact .form .form_card2{width:100%}.container .bottomMenu{grid-area:2/2/3/3;height:10vh}.container .bottomMenu .container_bottom_menu{display:block}.container .bottomMenu .container_bottom_info{display:none}}@media (min-width: 400px) and (max-width: 649px){.container{display:flex;flex-direction:column;align-items:center}.container .lateralInfo{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.container .lateralInfo .containerCard{width:400px;display:flex;flex-direction:column}.container .lateralInfo .containerCard .photo_profile{background-position:center;width:250px;background-color:#0ff;align-self:center}.container .lateralInfo .btns_helps{margin-top:10px;width:400px;background-color:#161616;border-radius:15px;border-style:solid;border-width:1px;border-color:#232324;padding:10px 25px;display:block}.container .lateralInfo .btns_helps .container_details_data{padding-top:0;display:flex;justify-content:center}.container .lateralInfo .btns_helps .container_details_data .my_proyects,.container .lateralInfo .btns_helps .container_details_data .dowload_cv{font-size:15px}.container .lateralInfo .arrow_hide{display:block}.container .topMenu,.container .topMenu .container_top_menu{display:none}.container .content{padding:0 20px}.container .content .header_content .main .title_resume{margin-bottom:20px}.container .content .header_content .main .container_arrow_down{display:none}.container .content .header_content .contact .container_contact .form{display:flex;flex-direction:column}.container .content .header_content .contact .container_contact .form .form_card1,.container .content .header_content .contact .container_contact .form .form_card2{width:100%}.container .content .header_content .footer{margin-bottom:65px}.container .bottomMenu{background-color:#161616;position:fixed;bottom:0;left:0;width:100%;height:50px;z-index:1;display:block}}@media (max-width: 399px){.container{display:flex;flex-direction:column;width:100%}.container .lateralInfo{display:flex;flex-direction:column;align-items:center}.container .lateralInfo .btns_helps{margin-top:10px;width:300px;background-color:#161616;border-radius:15px;border-style:solid;border-width:1px;border-color:#232324;padding:10px 25px;display:block}.container .lateralInfo .btns_helps .container_details_data{padding-top:0;display:flex;justify-content:center}.container .lateralInfo .btns_helps .container_details_data .my_proyects,.container .lateralInfo .btns_helps .container_details_data .dowload_cv{font-size:11px}.container .topMenu,.container .topMenu .container_top_menu{display:none}.container .content{padding:0 15px}.container .content .header_content .main .btn_section{display:none}.container .content .header_content .main .title_resume{margin-bottom:20px;font-size:30px;display:none}.container .content .header_content .main .container_arrow_down{display:none}.container .content .header_content .contact .container_contact .form{display:flex;flex-direction:column}.container .content .header_content .contact .container_contact .form .form_card1,.container .content .header_content .contact .container_contact .form .form_card2{width:100%}.container .content .header_content .footer{margin-bottom:65px}.container .bottomMenu{background-color:#161616;position:fixed;bottom:0;left:0;width:100%;height:50px;z-index:1;display:block}}.container_details_data{display:flex;gap:20px;align-items:center;padding-top:10px}.container_details_data .my_proyects,.container_details_data .dowload_cv{color:#789;display:flex;justify-content:center;align-items:center;height:40px;padding:0 10px;background-color:transparent;border-style:solid;border-width:1px;border-radius:30px;text-decoration:none;cursor:pointer}.container_details_data .my_proyects:hover,.container_details_data .dowload_cv:hover{color:#e9e9f1;transition:color .5s ease}.container_details_data .my_proyects .qr_icon,.container_details_data .dowload_cv .qr_icon{padding-top:5px}.container_details_data .dowload_cv{border-style:none}*{box-sizing:border-box;font-family:Poppins,system-ui;scroll-behavior:smooth}body{margin:0;height:100vh;background-color:#111}a,p,h1,h2,h3,button{margin:0}