*{border:none;padding:0;margin:0;box-sizing:border-box}.hidden{display:none}main hr{width:80%;border:1px solid;margin:40px 0}main p{max-width:100%}html{scroll-behavior:smooth}body{font-family:"mundial",sans-serif;font-weight:300;font-size:.813rem;background:#353436;background:linear-gradient(253deg, rgb(53, 52, 54) 0%, rgb(40, 38, 38) 100%);color:#ccffe1}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}button{border:none;outline:none;cursor:pointer}.container{max-width:1280px;margin-left:1.5rem;margin-right:1.5rem}.grid{display:grid;gap:1.5rem}.section{padding:4.5rem 0 2rem}.error{border:4px solid red}.horizontal_line{width:100%;text-align:center;border-bottom:2px solid #0ece6b;line-height:.1em;margin:10px 0 20px}.horizontal_line span{background:#fff;padding:0 10px}.hidden{display:none}.header{width:100%;position:absolute;padding-top:1rem;padding-bottom:1rem;left:0;z-index:100}.nav{height:3.5rem;display:flex;justify-content:space-between;align-items:center}.nav_logo,.nav_toggle{color:#0ece6b}.nav_logo{display:flex;align-items:center;column-gap:.7rem;font-weight:700}.gradient{background:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0))}.nav__logo-img{width:1.8rem}.nav_toggle{display:inline-flex;font-size:1.5rem;cursor:pointer}@media screen and (max-width: 767px){.nav_menu{position:fixed;background:#10af53;background:linear-gradient(254deg, rgb(16, 175, 83) 0%, rgb(14, 206, 107) 100%);top:0;right:-100%;width:100%;height:100%;transition:.3s;padding-right:20%}.header{position:fixed}}.nav__list{display:flex;flex-direction:column;text-align:right;row-gap:2rem;padding-top:2rem}.nav__link{text-transform:uppercase;color:#2f2e30;font-size:1.2rem;transition:.2s}.nav__link:hover{font-weight:600}.nav__close{font-size:2rem;color:#2f2e30;position:absolute;top:1.2rem;right:1rem;cursor:pointer}.show-menu{right:0;transition:.3s}.scroll-header .nav__item{margin-top:1rem;padding:.4rem;background-color:#fff;text-align:center;border-radius:.3rem}.scroll-header .nav_logo,.scroll-header .nav_toggle{color:#0ece6b}.scroll-header .nav_logo-img{mix-blend-mode:difference}.active-link{color:#2f2e30;font-weight:700}.home{gap:0}.home_container{padding:10rem 0 10rem;background-image:url(/images/main_background.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}.home_content{position:relative}.home__scroll{position:absolute;width:200px;bottom:-3.5rem;left:0;right:0;margin:0 auto;animation:scroll 2s infinite}@keyframes scroll{0%{transform:translateY(0)}50%{transform:translateY(-0.3rem)}100%{transform:translateY(0)}}.personalinf_container{background-color:#fff;padding:2rem 2.5rem}.personalinf_container img{padding-bottom:.75rem}.personalinfo_description{background-color:#0ece6b;padding:1rem;color:#2f2e30;font-size:.68rem}.experience_container{background-color:#fff;padding:0 2.5rem;padding-top:.1rem;padding-bottom:2rem;color:#2f2e30;font-family:"obviously",sans-serif;font-size:700}.experience_item{display:grid;grid-template-columns:200px;row-gap:1rem;justify-items:center}.experience_container img{min-width:150px}.experience_group{display:grid;grid-template-columns:repeat(2, 200px);row-gap:2.5rem;justify-content:space-evenly;align-items:end}.expirience_text{text-align:center}.videoReel{position:relative;width:100%;padding-bottom:50%;height:0;margin-bottom:5rem;margin-top:5rem}.videoReel iframe{position:absolute;top:0;left:0;width:100%;height:100%}.projects__filters{display:grid;grid-template-columns:repeat(5, 1fr);justify-content:space-between;text-align:center;margin-bottom:.4rem;margin-top:1rem;font-size:.6rem}.project{max-width:100%}.project_filter_container{display:grid;grid-template-columns:1fr}.project_filter_container h2{font-family:"mundial",sans-serif;font-weight:200;font-size:.7rem}.bottom_line{margin:auto;width:100%;border-bottom:1px solid #0ece6b;margin-bottom:2rem}.projects__item{cursor:pointer}.projects__title{color:#0ece6b}.projects__item h3{font-family:"mundial",sans-serif;font-weight:200;font-size:.5rem}.project_content{grid-template-columns:280px;justify-content:center}.projects_card{background-color:#2f2e30;width:100%}.products__img{transition:.4s}.data_container{display:inline-flex;max-width:260px}.projects_gif{padding-bottom:1rem;width:100%}.products__shape{max-width:100%;font-size:0}.products__data{background-color:#0ece6b;padding:.3rem}.products_name{font-family:"obviously",sans-serif;font-weight:800;font-size:.7rem;color:#2f2e30}.products_desc{font-family:"mundial",sans-serif;font-weight:300;font-size:.6rem;color:#2f2e30}.project_area{display:flex;padding:.5rem;border:1.5px solid #0ece6b}.project_area_list{display:grid;align-items:center;font-family:"mundial",sans-serif;font-weight:300;font-size:.4rem;color:#0ece6b}.projects__card{justify-content:center}.projects__card:hover{transform:scale(102%);transition:.3s}.active-product .projects__title{color:#0ece6b;font-weight:700}.backtotop{font-family:"obviously",sans-serif;font-weight:800;display:grid;text-align:center;padding:3rem 0;margin:0;color:#ccffe1}.backtotop i{font-size:1.8rem;color:#0ece6b;margin:0}.backtotop:hover a i{transform:translateY(-0.25rem);transition:.2s}.moreInfo_container{background-color:#0ece6b;padding:2rem;text-align:center;font-family:"obviously",sans-serif;font-weight:400;font-size:.65rem;color:#2f2e30}.moreInfo_container span{font-weight:800}.moreInfo_button{margin-top:1rem;padding:.5rem;color:#fff;font-family:"obviously",sans-serif;text-align:center;font-size:1rem;border-radius:.8rem;background-color:#2f2e30}.moreInfo_button:hover{background-color:#656566}.moreInfo_button a{color:#ccffe1}.footer{background-color:#2f2e30;padding:1rem 0}.footer__group{display:flex;flex-direction:column;text-align:center}.footer__social{display:flex;justify-content:center;column-gap:1.5rem;font-size:1.25rem;margin-bottom:.8rem}.footer__social-link{color:#ccffe1;transition:.2s}.footer__social-link:hover{color:#0ece6b}.footer__copy{font-size:.5rem}.contactForm_info{font-family:"obviously",sans-serif;color:#0ece6b;padding-top:18rem;padding-bottom:2rem}label{margin:1.5em 0 .3em;padding-left:.4em;padding-bottom:2rem}label:first-of-type{margin-top:0}input[type=text],input[type=email],textarea{padding:.6em;color:#6de7a6;border-radius:1px;width:300px;background-color:rgba(0,0,0,0);border-bottom:1px solid #0ece6b}.form{display:grid;grid-template-columns:1fr;justify-items:center}.textMessage{padding-top:1rem;padding-bottom:1rem}.textMessage textarea{width:100%}input[type=submit]{padding:.8rem;border-radius:.5rem;background-color:#0ece6b;cursor:pointer;font-size:1.2em;color:#2f2e30;font-family:"mundial",sans-serif;font-weight:600}input[type=submit]:hover{font-weight:800;background-color:#ccffe1}.wrapper{display:grid;padding-bottom:14.6rem}.scrollup{position:fixed;right:4rem;bottom:-10%;background-color:#0ece6b;box-shadow:0 4px 12px rgba(49,51,53,.1);display:inline-flex;padding:.35rem;border-color:#2f2e30;border-radius:.15rem;font-size:1.25rem;color:#fff;z-index:100;opacity:.9;transition:.2s}.scrollup:hover{transform:translateY(-0.25rem);opacity:1}.show-scroll{right:-10rem}@media screen and (max-width: 470px){.horizontal_line span{line-height:normal;font-size:.813rem;text-align:center;padding:0}.experience_group{grid-template-columns:200px;padding:2rem;padding-bottom:4rem}.project_content{grid-template-columns:310px}.projects_card{width:310px}.products__img{width:310px}.data_container{max-width:310px}.products__data{padding:.8rem}.project_filter_container h2{padding-top:1.5rem}}@media screen and (min-width: 470px){.personalinf_container{display:grid;grid-template-columns:380px;justify-content:center}.personalinfo_description{font-size:.7rem}.project_filter_container h2{padding-top:2rem}.project_filter_container h2{font-size:1rem}.projects__item h3{font-size:.7rem}.project_area_list{font-size:.5rem}.products_name{font-size:.75rem}.products_desc{font-size:.55rem}.products__data{padding:.8rem}.project_content{grid-template-columns:330px}.projects_card{width:330px}.products__img{width:330px}.data_container{max-width:330px}}@media screen and (min-width: 768px){.section{padding:7rem 0 2rem}.show-scroll{bottom:2rem;right:4rem}.nav__logo-img{width:2.2rem}.nav{height:5rem}.project_filter_container h2{padding-top:2rem}.nav_toggle,.nav__close{display:none}.nav__list{padding-top:0;flex-direction:row;column-gap:3rem}.nav__link{position:relative;color:#0ece6b;font-size:.75rem;text-transform:uppercase}.scroll-header .nav__link{color:#2f2e30}.scroll-header .active-link{color:#0ece6b}.home_container{padding:14rem 0 14rem}.personalinf_container{padding-top:5rem;padding-bottom:5rem}.personalinfo_description{font-size:.8rem}.products_name{font-size:.9rem}.soccer,.perico{font-size:.8rem}.products_desc{font-size:.6rem}.products__data{padding:1rem}.project_content{grid-template-columns:repeat(2, 330px);justify-content:center}.footer__group{flex-direction:row;justify-content:space-between}.footer__copy{font-size:.7rem;font-weight:100}}@media screen and (min-width: 1040px){.home_container{padding:18rem 0 18rem}.project_filter_container h2{padding-top:3rem}.personalinf_container{display:grid;grid-template-columns:repeat(2, 1fr);justify-items:center;align-items:center;padding-left:15%;padding-right:15%;padding-top:5rem;padding-bottom:5rem}.personalinfo_name,.personalinfo_description{max-width:480px}.personalinfo_description{font-size:.9rem}.experience_group{grid-template-columns:repeat(3, 1fr);row-gap:1rem;justify-items:center}.project_filter_container h2{font-size:1.3rem}.projects__item h3{font-size:1rem}.project_area_list{font-size:.6rem}.products_name{font-size:1.1rem}.soccer,.perico{font-size:.9rem}.products_desc{font-size:.7rem}.projects_card{width:315px}.products__img{width:3150px}.data_container{max-width:385px}.products__data{padding:1rem}.project_content{grid-template-columns:repeat(2, 380px);justify-content:center;row-gap:2rem;column-gap:4rem}.home__scroll{width:350px;bottom:-6.5rem}}@media screen and (min-width: 1200px){.home_container{padding:20rem 0 20rem}.experience_group{grid-template-columns:repeat(4, 1fr);row-gap:1rem;justify-items:center}.project_content{grid-template-columns:repeat(3, 1fr);justify-content:center;transition:.2s}.moreInfo_text{font-size:1.3rem}}@media screen and (min-width: 1330px){.container{margin-left:auto;margin-right:auto}}.projectbg_container{padding:30rem;background:url(/images/main_background.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}#projectDesc{background-color:#0ece6b;display:grid;grid-template-columns:15% 85%}.descrip{width:70%;color:#2f2e30;padding:5%}.descrip h2{text-transform:uppercase;font-family:"obviously",sans-serif;font-weight:800;font-size:50px}.descrip p{font-size:18px;font-weight:300}.tags{padding:25% 25%;background-color:#2f2e30;margin:.4rem;font-size:15px;color:#0ece6b;border:3px;border-color:#0ece6b}.tags p{font-weight:800}#projectAbout{display:grid;grid-template-columns:35% 65%}.about_project{width:70%;color:#fff;padding:8% 7% 5.5% 7%}.about_project h3{color:#0ece6b;font-family:"obviously",sans-serif;font-weight:800;font-size:35px;text-transform:uppercase}.about_project p{font-size:17px;font-weight:100}.concept_img{max-width:100%;max-height:100%}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container video,.video-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (max-width: 470px){.projectbg_container{padding:12rem}.tags{padding:20% 15%;font-size:11px}.descrip{width:80%}.descrip h2{font-size:25px}.descrip p{font-size:11px}#projectDesc{grid-template-columns:30% 85%}#projectAbout{display:block}.about_project{width:100%;padding:4.6% 10% 6.8% 10%}.about_project h3{font-size:28px}.about_project p{font-size:12px}}@media screen and (min-width: 470px){.projectbg_container{padding:14rem}.tags{padding:20% 15%;font-size:13px}.descrip{width:80%}.descrip h2{font-size:30px}.descrip p{font-size:12.5px}#projectDesc{grid-template-columns:30% 85%}.about_project{width:100%;padding:1.6% 5% 3.8% 5%}.about_project h3{font-size:28px}.about_project p{font-size:12px}#projectAbout{display:block}}@media screen and (min-width: 768px){.projectbg_container{padding:21rem}#projectDesc{grid-template-columns:30% 70%}.descrip{width:80%}.descrip h2{font-size:40px}.descrip p{font-size:15px}.tags{padding:20% 25%;font-size:15px}#projectAbout{display:grid;grid-template-columns:35% 65%}.about_project{width:100%;padding:1.6% 5% 3.8% 5%}.about_project h3{font-size:28px}.about_project p{font-size:12px}}@media screen and (min-width: 1040px){.projectbg_container{padding:25rem}#projectDesc{grid-template-columns:25% 75%}.descrip{width:75%}.descrip h2{font-size:50px}.descrip p{font-size:18px}.about_project{width:100%;padding:1.6% 5% 3.8% 5%}.about_project h3{font-size:30px}.about_project p{font-size:15px}}@media screen and (min-width: 1200px){.projectbg_container{padding:28rem}.tags{padding:40% 18%}#projectDesc{grid-template-columns:20% 80%}.descrip{width:70%}.about_project{width:96%;padding:3.6% 5% 4.8% 12%}.about_project h3{font-size:30px}.about_project p{font-size:15px}}@media screen and (min-width: 1330px){.projectbg_container{padding:32rem}#projectDesc{grid-template-columns:15% 85%}.descrip{width:70%}.concept_img{width:100%;height:100%}.about_project{width:96%;padding:3% 5% 4.8% 12%}}@media screen and (min-width: 1450px){.about_project{width:90%;padding:5% 5% 4.8% 12%}}@media screen and (min-width: 1650px){.about_project{width:80%;padding:6% 5% 5.5% 12%}}@media screen and (min-width: 1750px){.about_project{width:70%;padding:8.5% 5% 6% 12%}.about_project h3{font-size:34px}.about_project p{font-size:16px}}/*# sourceMappingURL=style.css.map */
