:root{--color_darker_yelow:#ad8f2c}.footer_container{max-height:180px;width:100%;background-color:#16e0bd;background-color:var(--color_green);display:grid;align-items:center}.contac_me{width:100%;text-align:center;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);color:#e1ad01;color:var(--color_yelow);font-size:1rem;font-size:var(--fs-body);font-weight:900;font-weight:var(--fw-bold)}:root{--color_dark_3:#999898}.contact_container{width:100%;min-height:200px;background-color:#16e0bd;background-color:var(--color_green);overflow:hidden}.contact_section{width:100%;height:200px;position:relative}.contact_box{width:100%;height:350px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);place-items:center}.contact_headlin{text-align:center;color:#424242;color:var(--color_dark_header);font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-weight:900;font-weight:var(--fw-bold);font-size:2.25rem;font-size:var(--fs-h2);overflow:hidden;padding:5%;grid-column:2/4;grid-row:2/3;-webkit-animation:footerHedline 3s forwards;animation:footerHedline 3s forwards;-webkit-animation-delay:16s;animation-delay:16s}@-webkit-keyframes footerHedline{0%{opacity:1;transform:scale(1)}25%{opacity:.75;color:#e8e9e8;color:var(--color_ligth);transform:scale(1.3)}50%{opacity:.5;transform:scale(1.3);color:#e1ad01}to{opacity:0;display:none}}@keyframes footerHedline{0%{opacity:1;transform:scale(1)}25%{opacity:.75;color:#e8e9e8;color:var(--color_ligth);transform:scale(1.3)}50%{opacity:.5;transform:scale(1.3);color:#e1ad01}to{opacity:0;display:none}}.contact_info{display:flex;align-items:center;justify-content:center;justify-content:space-evenly;position:absolute;top:0;left:-100px;right:0;bottom:0;font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-size:1rem;font-size:var(--fs-body)}.contact_info,.info_h2{color:#424242;color:var(--color_dark_header)}.info_h2{overflow:hidden;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-weight:300;font-weight:var(--fw-body);font-size:larger}.phone{transform:translateX(-200%);-webkit-animation:phoneAnime 3s forwards;animation:phoneAnime 3s forwards;-webkit-animation-delay:19s;animation-delay:19s}@-webkit-keyframes phoneAnime{0%{transform:translateX(-200%)}to{transform:translateX(50px)}}@keyframes phoneAnime{0%{transform:translateX(-200%)}to{transform:translateX(50px)}}.mail{padding:3px;position:relative;-webkit-animation:mailAnime 3s forwards;animation:mailAnime 3s forwards;transform:translateY(300px);-webkit-animation-delay:19s;animation-delay:19s}.mail:after{content:"";position:absolute;top:-20px;left:-85px;right:-85px;bottom:-20px;border-right:2px solid hsla(0,0%,100%,.5);border-left:2px solid hsla(0,0%,100%,.5);-webkit-animation:mailAfter 3s forwards;animation:mailAfter 3s forwards;-webkit-animation-delay:22.5s;animation-delay:22.5s;opacity:0}@-webkit-keyframes mailAnime{0%{transform:translateY(600%)}to{transform:translateY(0)}}@keyframes mailAnime{0%{transform:translateY(600%)}to{transform:translateY(0)}}@-webkit-keyframes mailAfter{0%{opacity:0}to{opacity:1}}@keyframes mailAfter{0%{opacity:0}to{opacity:1}}.linkdin{transform:translateX(400px);-webkit-animation:linkdinAnime 3s forwards;animation:linkdinAnime 3s forwards;-webkit-animation-delay:19s;animation-delay:19s;padding-right:50px}@-webkit-keyframes linkdinAnime{0%{transform:translateX(200px)}to{transform:translateX(-50px)}}@keyframes linkdinAnime{0%{transform:translateX(200px)}to{transform:translateX(-50px)}}.linkdin_link:link{text-decoration:none}.linkdin_link:link,.linkdin_link:visited{color:#424242;color:var(--color_dark_header)}.linkdin_link:active,.linkdin_link:hover{color:#e1ad01;color:var(--color_yelow)}@media only screen and (max-width:1200px){.contact_headlin{font-size:1.63rem;font-size:var(--fs-h3);grid-column:2/4;grid-row:1/2}.contact_info{top:0;left:0;right:0;bottom:0}.phone{transform:translateX(-200%);-webkit-animation:phoneAnime 3s forwards;animation:phoneAnime 3s forwards;-webkit-animation-delay:19s;animation-delay:19s}@-webkit-keyframes phoneAnime{0%{transform:translateX(-200%)}to{transform:translateX(50px)}}@keyframes phoneAnime{0%{transform:translateX(-200%)}to{transform:translateX(50px)}}.mail{padding:3px;position:relative;-webkit-animation:mailAnime 3s forwards;animation:mailAnime 3s forwards;transform:translateY(300px);-webkit-animation-delay:19s;animation-delay:19s}.mail:after{content:"";position:absolute;top:-20px;left:-10%;right:-10%;bottom:-20px}}@media only screen and (max-width:800px){.contact_box{display:none}.contact_headlin{font-size:1rem;font-size:var(--fs-body);grid-column:2/4;grid-row:1/2}.contact_info{display:flex;justify-content:center;align-items:center;justify-content:space-evenly;flex-direction:column;width:100%;top:0;left:0;right:0;bottom:0}.linkdin,.phone{transform:translateX(0)}.linkdin,.mail,.phone{-webkit-animation:unset;animation:unset}.mail{padding:0;position:relative;transform:translateY(0)}.mail:after{display:none}}.landing_page_container{height:100vh;display:grid;grid-template-columns:66% auto;position:relative;z-index:1}.landing_page_box{min-height:85%;background-color:#16e0bd;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,130px)}.header_box{grid-column:2/5;grid-row:2;display:flex;flex-direction:column}.header{font-size:3em;font-weight:500;color:#e8e9e8;color:var(--color_ligth)}.header,.subHeader_landing_pag{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins)}.subHeader_landing_pag{font-size:1.2em;color:#e1ad01;color:var(--color_yelow);padding:1em 0}.scroll_ico{padding-top:6.5em;-webkit-animation:scrollEntryAnime 2s forwards;animation:scrollEntryAnime 2s forwards;position:relative}@-webkit-keyframes scrollEntryAnime{0%{opacity:0}to{opacity:1}}@keyframes scrollEntryAnime{0%{opacity:0}to{opacity:1}}.scroll_ico g{all:unset;position:absolute;top:0;left:0}.scroll_ball{fill:#16e0bd;fill:var(--color_green)}.landing_page_circle{fill:#e1ad01;transform:translateY(7%) translateX(21%);-webkit-animation:scrollAnime 2s ease-in-out infinite;animation:scrollAnime 2s ease-in-out infinite}@-webkit-keyframes scrollAnime{0%{transform:translateY(7%) translateX(21%)}50%{transform:translateY(55%) translateX(21%)}to{transform:translateY(7%) translateX(21%)}}@keyframes scrollAnime{0%{transform:translateY(7%) translateX(21%)}50%{transform:translateY(55%) translateX(21%)}to{transform:translateY(7%) translateX(21%)}}.shapes{z-index:10;display:flex;align-items:flex-end}.shapes,.svg_box{position:relative}.svg_box{width:100%;margin-left:-50%;margin-bottom:10%}.rect{width:172px;height:0;-webkit-animation:rectAnime 2s forwards;animation:rectAnime 2s forwards}.circle{width:172px;height:172px;opacity:0;-webkit-animation:circleAnime 2s forwards;animation:circleAnime 2s forwards;-webkit-animation-delay:2.1s;animation-delay:2.1s}@-webkit-keyframes rectAnime{0%{height:0}to{height:172px}}@keyframes rectAnime{0%{height:0}to{height:172px}}@-webkit-keyframes circleAnime{0%{opacity:0}to{opacity:1}}@keyframes circleAnime{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:800px){.landing_page_container{display:flex;height:50vh}.project_four_info_box{display:flex}.landing_page_box{width:100%;min-height:100%;background-color:#16e0bd;display:flex;align-items:center;justify-content:center}.header_box{width:100%;display:grid;place-items:center}.header{font-size:2.25rem;font-size:var(--fs-h2);text-align:center;color:#e8e9e8;color:var(--color_ligth);padding:2em 1em .5em}.header,.subHeader_landing_pag{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins)}.subHeader_landing_pag{font-size:1rem;font-size:var(--fs-body);color:#e1ad01;color:var(--color_yelow);padding:0 1em;text-align:left}.scroll_ico,.shapes{display:none}}:root{--color_darkergreen:#08b498}.nav{overflow-x:hidden;display:grid;grid-template-columns:66% auto}.nav_list{width:100%}.navBarContainer{background-color:#08b498;background-color:var(--color_darkergreen);margin:0;display:flex;justify-content:space-evenly;z-index:10}.name_box{display:flex;align-items:flex-end;justify-content:center}.name{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);color:#e1ad01;color:var(--color_yelow);font-size:1rem;font-size:var(--fs-body);padding:.5em 2em 1em}.nav_space{background-color:#fff;display:flex;align-items:center;justify-content:center}.nav_space img{width:2em;height:2em;margin:0 1em}.nav_list{list-style:none;display:flex;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-weight:900;font-weight:var(--fw-bold);padding-top:7px}li{margin-left:20px}li a{color:#e8e9e8;color:var(--color_ligth);font-size:.9em}@media only screen and (max-width:800px){.nav{display:flex}.navBarContainer{background-color:#08b498;background-color:var(--color_darkergreen);margin:0;width:100%;display:flex;justify-content:space-between;z-index:0}.nav_list{list-style:none;display:flex;align-items:center;justify-content:center;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-weight:900;font-weight:var(--fw-bold);font-size:1rem;font-size:var(--fs-body);padding:1.5em}li{margin-left:20px}li a{color:#e8e9e8;color:var(--color_ligth)}.nav_list li:first-of-type,.nav_space{display:none}}.projects_container{min-height:500px;position:relative;background-color:#fff;background-color:var(--color_ligther)}.lerningPrijects_h3,.projecs_header h3{text-align:center;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1.63rem;font-size:var(--fs-h3);letter-spacing:.1rem;padding:1em}.lerningPrijects_h3{padding:2em;font-size:2.3em}.project_two_info{width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 0 1em}.project_two_sub_info{font-weight:500}.project_two_sub_header,.project_two_sub_info{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body)}.project_two_sub_header{padding:2em 2em .5em;z-index:10}.project_two_header{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1.2rem;z-index:10;padding:0 2em .5em;color:#e1ad01;color:var(--color_yelow)}.project_two_img_box{width:100%;margin:0 auto;padding:1em 2em}.project_two_img_box,.project_two_img_box a{display:grid;place-items:center}.project_two_img_box img{width:80%;height:250px;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.75),0 0 10px 0 rgba(0,0,0,.4);margin-left:1em}.project_tree_container{padding:5em 0}.project_tree_info{width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 0 1em}.project_tree_sub_header{font-size:1rem;font-size:var(--fs-body);padding:2em 2em .5em}.project_tree_header,.project_tree_sub_header{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins)}.project_tree_header{font-size:1.1em;color:#e1ad01;color:var(--color_yelow);padding:0 2em 1em}.project_tree_frontEnd{font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-size:1rem;font-size:var(--fs-body);padding:0 2em;color:#0fbb9e;color:var(--color_darker_green)}.project_tree_img_box{width:100%;margin:0 auto;padding:1em 2em}.project_tree_img_box,.project_tree_img_box a{display:grid;place-items:center}.project_tree_img_box img{width:80%;height:250px;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.75),0 0 10px 0 rgba(0,0,0,.4)}.skill_list h3{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-weight:100}.skill_list_span,.skill_list h3{font-size:1rem;font-size:var(--fs-body)}.skill_list_span{font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-weight:600;color:#0fbb9e;color:var(--color_darker_green)}.project_four_container{padding:5em 0}.project_four_info_box{width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 0 1em}.project_four_info{font-weight:100}.project_four_info,.project_four_sub_header{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body)}.project_four_sub_header{padding:2em 2em .5em}.project_four_header{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1.1em;color:#e1ad01;color:var(--color_yelow);padding:0 2em 1em}.project_four_frontEnd{font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-size:1rem;font-size:var(--fs-body);padding:0 2em;color:#0fbb9e;color:var(--color_darker_green)}.project_four_img_box{width:100%;margin:0 auto;padding:1em 2em}.project_four_img_box,.project_four_img_box a{display:grid;place-items:center}.project_four_img_box img{width:80%;height:250px;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.75),0 0 10px 0 rgba(0,0,0,.4)}.four_skill_list h3{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body);font-weight:100}.four_skill_list_span{font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-size:1rem;font-size:var(--fs-body);font-weight:600;color:#0fbb9e;color:var(--color_darker_green)}.project_five_container{padding:5em 0}.project_five_info_box{width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 0 1em}.project_five_info{font-weight:100}.project_five_info,.project_five_sub_header{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body)}.project_five_sub_header{padding:2em 2em .5em}.project_five_header{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1.1em;color:#e1ad01;color:var(--color_yelow);padding:0 2em 1em}.project_five_frontEnd{font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-size:1rem;font-size:var(--fs-body);padding:0 2em;color:#0fbb9e;color:var(--color_darker_green)}.project_five_img_box{width:100%;margin:0 auto;padding:1em 2em}.project_five_img_box,.project_five_img_box a{display:grid;place-items:center}.project_five_img_box img{width:80%;height:250px;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.75),0 0 10px 0 rgba(0,0,0,.4)}.five_skill_list h3{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body);font-weight:100}.five_skill_list_span{font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-size:1rem;font-size:var(--fs-body);font-weight:600;color:#0fbb9e;color:var(--color_darker_green)}@media only screen and (min-width:800px){.projects_container{width:80%;margin:0 auto;height:-webkit-max-content;height:-moz-max-content;height:max-content;z-index:0;overflow:hidden}.projecs_header h3{font-size:3em;letter-spacing:.1rem;padding:1em}.projecs_header h3:first-child{font-size:4em;letter-spacing:.1rem;padding:.5em}.inVieu_container{transform:translateY(100%) scale(1);-webkit-animation:projectsAnime 3s forwards;animation:projectsAnime 3s forwards}@-webkit-keyframes projectsAnime{0%{transform:translateY(100%) scale(0)}to{transform:translateY(10%) scale(1)}}@keyframes projectsAnime{0%{transform:translateY(100%) scale(0)}to{transform:translateY(10%) scale(1)}}.project_two_container{padding-top:1em;display:flex}.project_two_info{width:50%;text-align:left;padding:1em 2em}.project_two_header{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:2rem;z-index:10;padding:0 2em .5em 0;color:#e1ad01;color:var(--color_yelow)}.project_two_img_box{width:50%;display:grid;place-items:center;margin:0 auto;padding:1em 2em}.project_two_img_box img{width:90%;height:300px;border-radius:10px}.project_tree_container{padding:10em 0;display:flex}.project_tree_info{width:50%;text-align:left;padding:1em 2em 0 1em}.project_tree_header{align-self:flex-start;font-size:2em;color:#e1ad01;color:var(--color_yelow);padding:0 2em 1em 1.4em}.project_tree_frontEnd{align-self:flex-start;font-size:1rem;font-size:var(--fs-body);padding:0 0 0 2.5em}.project_tree_img_box{width:50%}.project_tree_img_box img{width:90%;height:300px;border-radius:10px}.project_four_container{padding:2em 0 0;display:flex;margin-bottom:20%;flex-direction:row-reverse}.project_four_info_box{width:50%;text-align:left;padding:0 2em 1em 5em}.project_four_img_box{width:50%;padding:1em 2em}.project_four_img_box img{width:90%;height:300px;border-radius:10px}.project_four_header{font-size:2em;align-self:flex-start;padding:0 2em 1em 0}.project_four_frontEnd{text-align:left!important}.four_skill_list{width:100%}.four_skill_list h3{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body);font-weight:100}.four_skill_list_span{font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-size:1rem;font-size:var(--fs-body);font-weight:600;color:#0fbb9e;color:var(--color_darker_green)}.project_five_container{padding:2em 0 0;display:flex;flex-direction:row-reverse}.project_five_info_box{width:50%;text-align:left;padding:0 2em 1em}.project_five_info{font-weight:500}.project_five_img_box{width:50%;display:grid;padding:1em 2em;border-radius:10px}.project_five_img_box img{width:92%;height:300px;float:left;padding-right:1em;border-radius:10px}.project_five_header{font-size:2em;align-self:flex-start;padding:0 2em 1em 0;color:#e1ad01;color:var(--color_yelow);font-weight:900;font-weight:var(--fw-bold)}.project_five_frontEnd{text-align:left!important}.five_skill_list{width:100%}.five_skill_list h3{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body);font-weight:100}.five_skill_list_span{font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-size:1rem;font-size:var(--fs-body);font-weight:600;color:#0fbb9e;color:var(--color_darker_green)}.imgCell{display:none}}:root{--color_ligther_yelow:#e4b826}.skills_container{background-color:#e4b826;background-color:var(--color_ligther_yelow);z-index:10}.skills_box{display:flex;flex-direction:column;align-items:center;justify-content:center}.skill_box{background:#fff;background:var(--color_ligther);width:80%;height:200px;border-radius:10px;padding:3em;height:100%;background-color:hsla(0,0%,100%,.2);border:.5em solid transparent;background-clip:padding-box;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:3px 17px 20px 0 rgba(0,0,0,.1);font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-weight:400;font-size:300;font-size:var(--fw-body)}.skill_box_border{width:80%;transform:translateY(0);display:flex;flex-direction:column;align-items:center;justify-content:center}.skill_box h3{font-size:1em}.frontEnd{margin:2em 0;font-weight:400}.frontEnd_h3{text-align:center;padding:1.5em}.img_box{height:30%;width:100%;display:flex;justify-content:center;justify-content:space-around}.img_box_two{display:flex;justify-content:center;justify-content:space-evenly}.img_box img{width:10%;height:10%}.img_backEnd_two{width:20%;height:50%}@media only screen and (min-width:800px){.skills_container{height:400px;background-color:transparent}.skills_box{display:flex;flex-direction:row;align-items:center;justify-content:center;justify-content:space-around;background-color:#e4b826;background-color:var(--color_ligther_yelow);height:400px;padding-top:10em}.skill_box_border{width:42%;height:400px;position:relative;transform:translateY(40%);display:grid;place-items:center;z-index:20;-webkit-animation:sectionAnime 2s forwards;animation:sectionAnime 2s forwards}@-webkit-keyframes sectionAnime{0%{transform:translateY(100%)}to{transform:translateY(25%)}}@keyframes sectionAnime{0%{transform:translateY(100%)}to{transform:translateY(25%)}}.skill_box_border:before{content:"";position:absolute;top:4.5%;right:6%;bottom:4.5%;left:6%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-animation:borderAnime 2s forwards;animation:borderAnime 2s forwards}@-webkit-keyframes borderAnime{0%{right:50%;left:50%}to{right:6%;left:6%}}@keyframes borderAnime{0%{right:50%;left:50%}to{right:6%;left:6%}}.skill_box_border:after{content:"";position:absolute;top:0;right:10%;bottom:10%;left:10%;border-left:1px solid #fff;border-right:1px solid #fff;-webkit-animation:borderAfterAnime 2s forwards;animation:borderAfterAnime 2s forwards}@-webkit-keyframes borderAfterAnime{0%{bottom:50%;top:50%}to{bottom:10%;top:0}}@keyframes borderAfterAnime{0%{bottom:50%;top:50%}to{bottom:10%;top:0}}.skill_box{background:#fff;background:var(--color_ligther);width:80%;height:90%;border-radius:10px;background-color:hsla(0,0%,100%,.2);border:.5em solid transparent;background-clip:padding-box;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:3px 17px 20px 0 rgba(0,0,0,.1);font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-weight:400;font-size:300;font-size:var(--fw-body);padding:unset;margin:unset}.skill_box h3{font-size:1em}.frontEnd{font-weight:400}.frontEnd_h3{color:#0fbb9e;color:var(--color_darker_green);letter-spacing:.3em;text-align:center;padding:1.5em}.skill_list h3{padding:.1em 2em}.skill_list h3 span{color:#0fbb9e;color:var(--color_darker_green)}.img_box{width:80%;margin:0 auto;justify-content:space-between;padding-top:1.5em}.img_box_two{display:flex;justify-content:center;align-items:center;justify-content:space-between}.img_box img{width:30%;height:100%}.img_backEnd_two{width:20%;height:50%}}.imag_boxOne img{box-shadow:0 10px 30px -5px rgba(0,0,0,.3)}.imag_boxOne:hover img{box-shadow:0 30px 100px -10px rgba(0,0,0,.4)}@media only screen and (max-width:800px){.imag_boxOne{display:none}}:root{--color_ligther:#fff;--color_darker_green:#0fbb9e;--fs-h1:3.5rem}.project_one_container{height:-webkit-min-content;height:-moz-min-content;height:min-content;position:relative;padding-bottom:2em;-webkit-animation:unset;animation:unset}.project_one_info{text-align:center;padding:0 0 1em}.project_one_sub_header{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body);color:#0fbb9e;color:var(--color_darker_green);padding:5em 2em .5em;z-index:10}.project_one_header{font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);font-size:1.3em;font-weight:600;z-index:10;padding:0 2em .7em;display:block}.project_one_img_box{width:100%;display:grid;place-items:center;margin:0 auto;padding:2em}.project_one_img_box img{width:100%;height:250px;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.75),0 0 10px 0 rgba(0,0,0,.4)}.project_one_info svg{position:absolute;top:0;left:0}.project_one_info svg g{transform:scale(2)}.project_one_sub_info{font-size:1em;padding:0 2em;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:300;font-size:var(--fw-body);font-weight:500}@media only screen and (min-width:800px){.project_one_container{height:-webkit-min-content;height:-moz-min-content;height:min-content;position:relative;padding-bottom:2em;display:flex;min-height:360px;transform:translateY(100%);opacity:0;-webkit-animation:oneAnime 3s forwards;animation:oneAnime 3s forwards}@-webkit-keyframes oneAnime{0%{transform:translateY(100%),;opacity:0}to{transform:translateY(0);opacity:1}}@keyframes oneAnime{0%{transform:translateY(100%),;opacity:0}to{transform:translateY(0);opacity:1}}.project_one_sub_header{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:1rem;font-size:var(--fs-body);color:#0fbb9e;color:var(--color_darker_green);padding:5em 2em .5em;z-index:10}.project_one_info{text-align:center;padding:2em 0 2em 2em;width:50%}.project_one_sub_header{font-size:2em}.project_one_sub_header span{display:block;font-family:"Source Code Pro",monospace;font-family:var(--ff-Code_Pro);color:#424242;font-size:1.3em;font-weight:600;z-index:10;padding:0 2em}.project_one_sub_info{font-size:1em;padding:0 2em 0 10em;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:300;font-size:var(--fw-body);font-weight:500;text-align:left}.project_one_info h3{transform:translateY(-30%)}.project_one_img_box{width:50%;display:grid;place-items:center;padding:2em;margin:2em auto 0;position:relative}.project_one_img_box img{width:70%;height:300px;border-radius:10px;z-index:500}.project_one_info svg{position:absolute;top:-7%;left:0;max-width:1000px;padding:0 1%;-webkit-animation:svgAnime 3s forwards;animation:svgAnime 3s forwards;transform:translateX(-100)}@-webkit-keyframes svgAnime{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes svgAnime{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.project_one_info svg g{transform:scale(1.8)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--color_ligth:#e8e9e8;--color_dark:#303030;--color_green:#16e0bd;--color_yelow:#e1ad01;--color_dark_2:#292828;--color_dark_header:#424242;--ff-poppins:"Poppins",sans-serif;--ff-Code_Pro:"Source Code Pro",monospace;--ff-Serif_Pro:"Source Serif Pro",serif;--fw-body:300;--fw-bold:900;--fs-h1:5rem;--fs-h2:2.25rem;--fs-h3:1.63rem;--fs-body:1rem;--maskx-:50;--masky-:50}.toy_api_container{font-size:.5em;overflow:hidden}.toy_api_header{background-color:#303030;background-color:var(--color_dark);color:#e8e9e8;color:var(--color_ligth);text-align:center;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);font-size:2.25rem;font-size:var(--fs-h2)}.get_header{text-align:center;padding:1em 0 5em}.toy_api_body{display:flex;flex-direction:row-reverse}.toy_api_left_side{height:100vh;width:50%}.toy_api_card{width:80%;height:6em;display:grid;position:relative;place-items:center;margin:1.5em}.toy_api_card:before{bottom:0;border-bottom:.2em solid rgba(48,48,48,.5);-webkit-clip-path:inset(0 50% 0 50%);clip-path:inset(0 50% 0 50%);-webkit-animation:cardAnimeOne 2s forwards;animation:cardAnimeOne 2s forwards}.toy_api_card:after,.toy_api_card:before{content:"";position:absolute;top:0;right:0;left:0;background-color:transparent}.toy_api_card:after{bottom:10%;border-right:.2em solid rgba(48,48,48,.5);-webkit-animation:cardAnimeTwo 2s forwards;animation:cardAnimeTwo 2s forwards}.toy_api_left_card{background-color:#e8e9e8;width:80%;height:15%;display:grid;position:relative;place-items:center;margin:1.5em 0}.left_card_h3{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins);color:#303030;color:var(--color_dark);font-size:2.1em;font-weight:300;font-weight:var(--fw-body);padding:1em}.toy_api_rigt_side{height:100vh;width:50%}.toy_api_rigt_card{color:#303030;color:var(--color_dark);width:80%;height:15%;display:grid;position:relative;place-items:center;margin:1.5em}.h3{text-align:center;padding:1em;color:#424242;color:var(--color_dark_header)}.h3,.subHeader{font-family:"Poppins",sans-serif;font-family:var(--ff-poppins)}.subHeader{padding-top:5em;font-size:1.7em}.subHeader span{display:block;line-height:35px}.get_header,.get_header span{font-size:1.7em;font-family:"Poppins",sans-serif;font-family:var(--ff-poppins)}.get_header span{display:block;line-height:35px}.smaily{margin:0 auto;width:30%;padding:1em;font-weight:200;-webkit-animation:smailyAnime 3s ease-in;animation:smailyAnime 3s ease-in}.backBtn{padding:2em 4em;border-radius:50px;background-color:transparent}@-webkit-keyframes cardAnimeOne{0%{-webkit-clip-path:inset(0 50% 0 50%);clip-path:inset(0 50% 0 50%)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes cardAnimeOne{0%{-webkit-clip-path:inset(0 50% 0 50%);clip-path:inset(0 50% 0 50%)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@-webkit-keyframes cardAnimeTwo{0%{-webkit-clip-path:inset(50% 0 50% 0);clip-path:inset(50% 0 50% 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes cardAnimeTwo{0%{-webkit-clip-path:inset(50% 0 50% 0);clip-path:inset(50% 0 50% 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@-webkit-keyframes smailyAnime{0%{transform:translateX(150%) rotate(1turn)}to{transform:translateX(0) rotate(0)}}@keyframes smailyAnime{0%{transform:translateX(150%) rotate(1turn)}to{transform:translateX(0) rotate(0)}}
/*# sourceMappingURL=main.905aca43.chunk.css.map */