*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#121b2b;font-family:Manrope,sans-serif;font-optical-sizing:none;font-size:1.4rem;font-weight:300}body>div{display:flex;flex-direction:column;min-height:100vh}body>div main{text-align:center}@media screen and (min-width:768px){body>div main{background:radial-gradient(#232934,#121b2b);margin-top:0}}body>div main>section{color:#fff;margin:0 auto;max-width:1000px;padding:0 2rem}@media screen and (min-width:768px){body>div main>section{padding:0 8rem}}h1,h2,h3{color:#fd0;display:block;font-family:Anta,sans-serif;font-weight:500}h1{font-size:3rem;margin:2.2rem 0;text-transform:uppercase}h2{font-size:2.5rem;margin:1.8rem 0}h3{font-size:2.2rem;margin:1.6rem 0}a{color:#d7bd16;display:inline-block;font-weight:500;text-decoration:none}li{list-style:none}p{margin:1rem 0}img{display:block;max-height:100%;width:100%}button:hover{cursor:pointer}table{border-collapse:collapse;font-size:1.4rem}table thead th{font-weight:600;padding:1.4rem}table tbody tr td,table thead th{border:1px solid #ccc;text-align:center}table tbody tr:nth-child(odd) td{background-color:#f9f9f9}table tfoot th{border-top:1px solid gray}input[type*=date],input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{border:1px solid #ccc;border-radius:.6rem;color:#444;display:inline-block;font-family:Manrope,sans-serif;font-size:1.6rem}textarea{display:block;resize:none}::placeholder{color:gray;font-weight:400}.App_hidden__dI7OW{display:none}.App_margin_10_0__hX4T6{margin:1rem 0}.header{background-color:#121b2b;border-bottom:2px solid #444;box-sizing:border-box;height:60px;left:0;position:fixed;right:0;top:0;z-index:100}.header nav{height:100%}@media screen and (min-width:768px){.header nav{justify-content:center}}.header nav .logo_ctn{height:100%;position:absolute}@media screen and (min-width:768px){.header nav .logo_ctn{display:flex;margin-left:1rem}}.header nav .logo_ctn img{height:48px;margin:5px 0;width:60px}.header nav .links_ctn{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.header nav .links_ctn a{color:#fff;font-family:Anta,sans-serif;font-size:1.4rem;margin:auto 0;padding:.4rem .8rem;text-transform:uppercase;transition:color .3s}@media screen and (min-width:768px){.header nav .links_ctn a{border-top:1px solid #444;display:block;font-size:1.6rem;padding:2rem}}.header nav .links_ctn a:hover{color:#fd0}.switch_lang_ctn{display:flex;height:115px;justify-content:center;padding:5px;position:absolute;right:5px;top:7px;width:45px}@media screen and (min-width:768px){.switch_lang_ctn{left:auto;right:20px}}.switch_lang_ctn .current_lang_btn{background-color:#0000;border:none;border-radius:50%;height:25px;margin:5px;outline:2px solid #ccc;transition:all .3s;width:25px;z-index:10}.switch_lang_ctn .current_lang_btn:hover{outline-color:#fd0}.switch_lang_ctn .current_lang_btn+.switch_lang_ctn .current_lang_btn{margin-bottom:10px}.switch_lang_ctn .current_lang_btn>img{border-radius:50%;height:100%;object-fit:fit;width:100%}.switch_lang_ctn .current_lang_btn>span{display:none;position:absolute;right:-20px;top:20px}.switch_lang_ctn .lang_menu{background-color:gray;border-radius:20px;height:105px;position:absolute;transition:opacity .5s ease-out;width:35px;z-index:20}.switch_lang_ctn .lang_menu .lang_btn{background-color:#0000;border:none;border-radius:50%;height:25px;margin:5px;outline:2px solid #ccc;position:relative;transition:all .3s;width:25px}.switch_lang_ctn .lang_menu .lang_btn:hover{outline-color:#fd0}.switch_lang_ctn .lang_menu .lang_btn+.switch_lang_ctn .lang_menu .lang_btn{margin-bottom:10px}.switch_lang_ctn .lang_menu .lang_btn>img{border-radius:50%;height:100%;object-fit:fit;width:100%}.switch_lang_ctn .lang_menu .lang_btn>span{display:none;position:absolute;right:-20px;top:20px}.switch_lang_ctn .lang_menu .grey_outline{outline-color:#333d4e}.show_lang_menu .lang_menu{opacity:1;z-index:20}.show_lang_menu .lang_menu .lang_btn{display:inline-block}.hide_lang_menu .lang_menu{opacity:0;z-index:0}.hide_lang_menu .lang_menu .lang_btn{display:none}.footer{align-items:center;background-color:#121b2b;display:flex;flex-direction:column;font-size:1.4rem;height:35px;margin-top:auto;overflow:hidden;text-align:center}.footer .footer_legal{width:100%}.footer .footer_legal p{color:gray;display:block;font-size:1.2rem}.spinner{aspect-ratio:1;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}@media screen and (min-width:768px){.spinner{width:80px}}.spinner>path:first-child{stroke:#d7bd16}.spinner>path:last-child{stroke:#fd0;fill:#b59f14;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg);transform-origin:50% 50%}to{transform:rotate(1turn);transform-origin:50% 50%}}.intro{color:#fff;flex-direction:column;height:100%;left:0;overflow:hidden;position:fixed;top:0}.intro,.intro_section{align-items:center;display:flex;justify-content:center;width:100%}.intro_section .motion_logo_ctn{height:80%;max-width:360px;width:80%}.motion_logo_ctn{height:90%;width:90%}.home_general_section,.home_intro_section{display:flex;flex-direction:column;height:calc(100vh - 35px);justify-content:center;left:50%;padding:60px 2rem;position:absolute;top:0;transform:translateX(-50%);width:100%}.home_general_section h1,.home_intro_section h1{font-size:4rem;font-weight:700;margin:0}.home_general_section .subtitle,.home_intro_section .subtitle{color:#d7bd16;font-family:Anta,sans-serif;font-size:3rem;font-weight:600}.home_general_section .home_typewriter_ctn,.home_intro_section .home_typewriter_ctn{color:#ccc;display:flex;font-family:Anta,sans-serif;font-size:1.8rem;justify-content:center}.home_general_section .home_typewriter_ctn>span:first-child,.home_intro_section .home_typewriter_ctn>span:first-child{color:#0000;user-select:none;-moz-user-select:none;-webkit-user-select:none}.home_general_section .home_typewriter_ctn .typewriter,.home_intro_section .home_typewriter_ctn .typewriter{margin-right:.5rem}.home_general_section{background-color:#333d4e;height:auto;justify-content:flex-start;left:auto;max-width:none;min-height:calc(100vh - 35px);padding:60px 0 0;position:relative;top:auto;transform:none}.home_general_section>article{align-items:center;display:flex;justify-content:center}.home_general_section>article:first-child{background-color:#525d70;min-height:50vh}.home_general_section>article:nth-child(2) .container{margin:auto 0;padding:2rem}.home_general_section>article:nth-child(2) .container>h2{font-size:2.4rem;margin:1.4rem 0 1rem}.home_general_section>article .container{margin:0 auto;max-width:1000px;padding:2rem 4rem 4rem;width:100%}@media screen and (min-width:768px){.home_general_section>article .container{padding:6rem}}.home_general_section>article .container>h2{font-size:7vw}@media screen and (min-width:768px){.home_general_section>article .container>h2{font-size:3.6rem}}.home_general_section>article .container .large{font-size:6vw}@media screen and (min-width:768px){.home_general_section>article .container .large{font-size:2.8rem}}.home_general_section>article .container .skill_ctn{display:grid;grid-template-columns:repeat(5,1fr);padding:1rem 0;width:100%}@media screen and (min-width:768px){.home_general_section>article .container .skill_ctn{grid-template-columns:repeat(8,1fr);padding:2rem 4rem}}@media screen and (min-width:1100px){.home_general_section>article .container .skill_ctn{display:flex;padding:2rem 4rem}}.home_general_section>article .container .skill_ctn>img{height:36px;margin:1rem auto;width:36px}@media screen and (min-width:768px){.home_general_section>article .container .skill_ctn>img{height:48px;width:48px}}.typewriter_ctn>span:last-child{animation-duration:.2s;animation-name:fadeIn;animation-timing-function:ease-in-out}@keyframes fadeIn{0%{opacity:.3}to{opacity:1}}.skill{display:inline-block;height:2rem;position:relative}.skill_ctn{bottom:-.5rem;display:flex;position:relative}.skill_ctn>img{display:inline-block;height:2rem;width:2rem}.skill_ctn>span{display:inline-block;margin:0 .2rem 0 .5rem}.projects_section{padding:60px 3rem 3rem}.projects_section .projects_grid{margin:0 auto;max-width:460px;padding-top:1rem}@media screen and (min-width:768px){.projects_section .projects_grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;max-width:850px}}@media screen and (min-width:1100px){.projects_section .projects_grid{grid-template-columns:1fr 1fr 1fr;max-width:none}}@property --gradient-border{syntax:"<color>";initial-value:#333d4e;inherits:false}@property --gradient-center{syntax:"<color>";initial-value:#525d70;inherits:false}.project_card{align-items:flex-start;background:linear-gradient(to bottom,var(--gradient-border),var(--gradient-center) 50%,var(--gradient-border) 100%);border-radius:8px;display:flex;flex-direction:column;padding:1.5rem 1rem 1rem;text-align:left;transition:--gradient-border .8s ease-in,--gradient-center .8s ease-in}.project_card:hover{--gradient-border:#525d70;--gradient-center:#ccc;cursor:pointer}@media screen and (min-width:768px){.project_card{padding:2rem}}.project_card+.project_card{margin-top:2rem}@media screen and (min-width:768px){.project_card+.project_card{margin-top:0}}.project_card_img_ctn{background-color:#000;border:2px solid #444;border-radius:4px;outline:1px solid #ccc;width:100%}@media screen and (min-width:768px){.project_card_img_ctn{margin:0 auto}}.project_card_img_ctn .blur_ctn{aspect-ratio:2;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:4px;height:100%;margin:0 auto}.project_card_img_ctn .blur_ctn img{border-radius:4px;height:100%;object-fit:contain;object-position:center;width:100%}.project_card_info{max-width:800px;padding:1rem;position:relative}@media screen and (min-width:768px){.project_card_info{margin-top:1.5rem;padding:0 1rem;width:100%}}.project_card_info h2{font-size:2rem;margin:0}.modal_ctn{background-color:#000000e6;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:301}.modal_ctn .project_modal{align-items:flex-start;background-color:#333d4e;border-radius:8px;display:flex;flex-direction:column;left:50%;max-height:calc(100% - 160px);max-width:460px;padding:1.5rem 1rem 1rem;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);width:80%}@media screen and (min-width:768px){.modal_ctn .project_modal{max-width:500px;padding:2rem}}.modal_ctn .project_modal .close_btn{background-color:#0000;border:none;color:#fff;font-size:30px;left:50%;position:absolute;top:-40px;transform:translateX(-50%)}.modal_ctn .project_modal_img_ctn{background-color:#000;border:2px solid #444;border-radius:4px;outline:1px solid #ccc;transition:opacity .4s;width:100%}@media screen and (min-width:768px){.modal_ctn .project_modal_img_ctn{margin:0 auto}}.modal_ctn .project_modal_img_ctn>img{aspect-ratio:2.05;border-radius:4px;height:100%;margin:0 auto;object-fit:contain}.modal_ctn .project_modal_info{color:#fff;margin:2rem 0;max-width:800px;overflow-y:scroll;padding:0 1rem;position:relative}@media screen and (min-width:768px){.modal_ctn .project_modal_info{margin:2rem 0 1rem;width:100%}}.modal_ctn .project_modal_info::-webkit-scrollbar{width:5px}.modal_ctn .project_modal_info::-webkit-scrollbar-track{background:#5f5f5f}.modal_ctn .project_modal_info::-webkit-scrollbar-thumb{background:gray}.modal_ctn .project_modal_info::-webkit-scrollbar-thumb:hover{background:#ccc}.modal_ctn .project_modal_info .info_header{align-items:center;display:flex;justify-content:space-between}.modal_ctn .project_modal_info .info_header h2{font-size:2rem;margin:0}.modal_ctn .project_modal_info .info_header .links{align-items:center;display:flex;height:100%}.modal_ctn .project_modal_info .info_header .links>a{font-size:1.6rem;height:100%;padding:0 .5rem;position:relative}@media screen and (min-width:768px){.modal_ctn .project_modal_info .info_header .links>a{top:.2rem}}.modal_ctn .project_modal_info .info_header .links>a:hover>span{opacity:1}.modal_ctn .project_modal_info .info_header .links>a>span{display:none;font-size:1.4rem}@media screen and (min-width:768px){.modal_ctn .project_modal_info .info_header .links>a>span{display:inline-block;margin-right:.5rem}}.modal_ctn .project_modal_info .info_header .links>a+a{margin-left:2rem}@media screen and (min-width:768px){.modal_ctn .project_modal_info .info_header .links>a+a{margin-left:1rem}}.modal_ctn .project_modal_info .subtitle{color:#d7bd16;font-family:Anta,sans-serif;margin:.5rem 0 2rem}.modal_ctn .project_modal_info .tools{margin:1rem 0 2rem}.pulsate{animation:pulsate 2.5s ease-in-out;animation-iteration-count:infinite;opacity:.5}@keyframes pulsate{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.about_section{padding:60px 3rem 0}.about_section .about_article{color:#fff;padding:1rem 0}.about_section .about_article .profile_img{aspect-ratio:1/1.2;float:left;margin-right:1.5rem;max-width:180px;width:40%}@media screen and (min-width:768px){.about_section .about_article .profile_img{margin-right:2rem}}.about_section .about_article>section+section{margin-top:3rem}.about_section .about_article .description{text-align:left;user-select:none;-moz-user-select:none;-webkit-user-select:none}@media screen and (min-width:768px){.about_section .about_article .description{text-align:justify}}.about_section .about_article .description h2{font-size:2rem;text-transform:uppercase}@media screen and (min-width:768px){.about_section .about_article .description h2{font-size:2.2rem}}.about_section .about_article .description>a{color:#d7bd16}.about_section .about_article .description .margin_10_0{margin:1rem 0}.contact_section{display:flex;flex-wrap:wrap;padding:60px 2rem 4rem}@media screen and (min-width:768px){.contact_section{padding:60px 4rem 4rem}}.contact_section h1{width:100%}.contact_section .contact_text{margin:0 0 3rem;text-align:justify;width:100%}@media screen and (min-width:768px){.contact_section .contact_text{margin:0 0 2rem;text-align:center}}.contact_section_details{background-color:#333d4e;border-radius:.6rem;display:inline-block;margin:auto;padding:1rem;width:100%}@media screen and (min-width:768px){.contact_section_details{display:inline-block;margin:6.2rem 2rem auto 0;width:calc(50% - 2rem)}}@media screen and (min-width:1100px){.contact_section_details{margin:6.2rem auto auto;width:auto}}.contact_section_details .detail_ctn{margin:0 4rem .5rem;text-align:left}@media screen and (min-width:768px){.contact_section_details .detail_ctn{margin-bottom:1rem}}.contact_section_details .detail_ctn>*{display:inline-block;vertical-align:top}.contact_section_details .detail_ctn>:first-child{color:#ccc}.contact_section_details .detail_ctn>*>svg{margin-right:1rem}.contact_section_form_ctn{margin:2rem auto 0;max-width:400px;width:100%}@media screen and (min-width:768px){.contact_section_form_ctn{display:inline-block;margin-top:0;width:50%}}.contact_section_form_ctn>h2{font-size:2rem}.contact_section_form_ctn .err_msg,.contact_section_form_ctn .ok_msg{color:#e71369;font-size:1.4rem;margin:0 auto;max-width:600px;padding:0 1.5rem 2rem;white-space:break-spaces;width:100%}.contact_section_form_ctn .ok_msg{color:#30f876;font-weight:500}.contact_section_form_ctn .contact_form{align-items:center;display:flex;flex-direction:column}.contact_section_form_ctn .contact_form>*{margin-bottom:1rem}.contact_section_form_ctn .contact_form>input,.contact_section_form_ctn .contact_form>textarea{box-shadow:inset 1px 1px 2px #121b2b;display:block;font-weight:600;overflow:visible;padding:.6rem;width:100%}.contact_section_form_ctn .contact_form>input:focus,.contact_section_form_ctn .contact_form>textarea:focus{outline:2px solid #fd0}.contact_section_form_ctn .contact_form>input{color:#121b2b}.contact_section_form_ctn .contact_form>textarea{height:auto;margin-bottom:.5rem}.contact_section_form_ctn .contact_form .counter{font-size:1rem;margin:0 auto 1rem .5rem;text-align:left;width:100%}.contact_section_form_ctn .contact_form>button{font-size:1.6rem;font-weight:800;margin-top:1rem;padding:.6rem 1rem}.main_btn{background-color:#fd0;border:none;border-radius:.6rem;color:#121b2b;display:block;font-weight:600;letter-spacing:.1rem;margin:0 auto;padding:.8rem 1.2rem;text-transform:uppercase;transition:opacity .3s;-webkit-user-select:none;user-select:none}.main_btn:hover{cursor:pointer;opacity:.7}#notFound{padding:calc(60px + 4rem) 2rem 0}#notFound p{color:#d7bd16}#notFound p a{background-color:#333d4e;border:1px solid #ccc;border-radius:4px;color:#fd0;font-weight:500;margin-left:.5rem;padding:.3rem .5rem;transition:all .5s}#notFound p a:hover{background-color:#ccc;color:#121b2b}
/*# sourceMappingURL=main.f993be2e.css.map*/