@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap);:root{--color-secondary:#b9ffa8;--color-gray:#d0cbcb}*{-webkit-text-highlight-color:transparent;box-sizing:border-box;list-style-type:none;margin:0;padding:0;text-decoration:none}body,html{font-size:100%;font-size:1em;height:100%;width:100%}body{background-color:#22223b;color:#fff;font-family:Poppins,sans-serif}#root{height:100%;position:relative}a{color:#000}.gap-0{gap:.5rem}.gap-1{gap:1rem}.gap-2{gap:1.5rem}.gap-3{gap:2rem}.gap-4{gap:2.5rem}.d-flex{display:flex}.flex-item-center{align-items:center;justify-content:center}.flex-item-left{align-items:center;justify-content:left}.flex-item-right{align-items:center;justify-content:right}.flex-item-between{align-items:center;justify-content:space-between}.-dot{background-color:#fff;border-radius:50%;min-height:.5rem;min-width:.5rem}.app__container{margin:auto;width:80%}@media screen and (max-width:768px){.app__container{width:100%}}.app__contact-btn a{animation:animate 1s infinite alternate-reverse;background-color:var(--color-secondary);background-color:#1b1725;border-radius:50%;bottom:20px;box-shadow:1px 1px 4px #b9ffa8;height:4rem;position:fixed;right:40px;width:4rem;z-index:109}.app__contact-btn svg{color:var(--color-secondary);font-size:1.875rem}@-webkit-keyframes animate{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.08);transform:scale(1.08)}}@keyframes animate{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.08);transform:scale(1.08)}}.app__layout{display:flex;flex-direction:column;min-height:100vh;overflow:auto}.app__layout-main{flex-grow:1}.app__footer{color:#fff}.app__footer-container{margin:auto;padding:5rem 0 0}.app__footer-contact{background-color:#1b1725;box-shadow:0 1px 2px hsla(0,0%,100%,.4);padding:3.5rem 2rem}.app__footer-contact_header{margin-bottom:2.5rem;text-align:center}.app__footer-contact h3{font-size:2rem}.app__footer-contact h2{font-size:2.5rem;font-weight:600;line-height:2.6rem;margin:auto}.app__footer-contact h2 span{color:var(--color-secondary)}.app__footer-col{width:60%}.app__footer-row .app__footer-socials{border-top:4px solid var(--color-secondary);justify-content:center;padding-top:1rem}.app__footer-socials a{color:#fff}.app__footer-btn{margin-top:1rem}.app__footer-btn a{background-color:#fff;border-radius:133.33px;display:inline-block;padding:.75rem 1rem;text-align:center;transition:all .35s ease-in-out;width:200px}.app__footer-btn a:hover{background-color:var(--color-secondary);color:#1b1725}.app__footer-socials li{border-left:1px solid var(--color-secondary);border-right:1px solid var(--color-secondary);padding:0 .25rem}.app__footer svg{font-size:1.8rem}.app__footer-socials a{border-left:1px solid var(--color-secondary);border-right:1px solid var(--color-secondary);height:3rem;transition:all .35s ease-in-out;width:3rem}.app__footer-socials a:hover{border:1px solid var(--color-secondary);border-radius:50%;box-shadow:1px 1px 4px #b9ffa8}@media screen and (max-width:768px){.app__footer-container{padding:5rem 0 0;width:100%}.app__footer-contact h3{font-size:1.5rem}.app__footer-contact h2{font-size:2rem;font-weight:600;line-height:2.4rem;margin:auto;width:85%}}@media screen and (max-width:628px){.app__footer-contact br{display:none}}@media screen and (max-width:560px){.app__footer-contact h3{font-size:1.2rem}.app__footer-contact h2{font-size:1.75rem;line-height:2rem;width:100%}}.app__navbar{background-color:#22223b;box-shadow:1px 1px 4px #b9ffa8;height:5rem;position:fixed;top:0;width:100%;z-index:999}.app__navbar-container{margin:auto;padding:2rem 0;position:relative;width:90%}.app__navbar-row{width:100%}.app__navbar-logo a{border-bottom:2px solid var(--color-secondary);color:#fff}.app__navbar-btn{background-color:#fff;border-radius:133.333px;box-shadow:0 1px 2px rgba(0,0,0,.4);font-size:.875rem;font-weight:600;padding:.65rem 1.5rem;transition:all .35s ease-in-out}.app__navbar-btn.-active{background-color:var(--color-secondary);color:#1a2b3c}.app__navbar-btn:hover{background-color:var(--color-secondary);color:var(--white);color:#1a2b3c}.app__navbar ul.app__navbar-items{transition:all .35s ease-in-out}.app__navbar ul.d-flex{flex-grow:1}.app__navbar ul li a,.app__navbar-items li{transition:all .35s ease-in-out}.app__navbar ul li a{color:var(--color-gray);cursor:pointer;font-size:.875rem}.app__navbar ul li a.-active,.app__navbar ul li a:hover{color:var(--color-secondary)}.app__navbar-mobile_menu{cursor:pointer;display:none;position:absolute;right:0;top:2.2rem;z-index:101}.app__navbar-mobile_menu span{border-bottom:3px solid #fff;display:block;margin-bottom:.75rem;transition:all .35s ease-in;width:2rem}.app__navbar-mobile_menu span:last-child{margin-bottom:0}@media screen and (max-width:824px){.app__navbar-logo{position:absolute;top:2rem;z-index:101}.app__navbar-btns,.app__navbar-items{display:none}.app__navbar-mobile_menu{display:block}.app__navbar.-active .app__navbar-mobile_menu span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.app__navbar.-active .app__navbar-mobile_menu span:last-child{margin-top:-15px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.app__navbar.-active .app__navbar-items{align-items:center;background:#000;bottom:0;display:block;display:flex;flex-direction:column;justify-content:center;padding:2rem 0;position:fixed;right:0;top:0;width:100%}.app__navbar.-active .app__navbar-btns{bottom:2rem;display:block;left:0;position:fixed;text-align:center;width:100%;z-index:101}}.app__about{min-height:100vh}.app__about-container{padding:8rem 0}.app__about-header{margin-bottom:.75rem}.app__about-header h4{color:var(--color-gray);font-size:2rem}.app__about-header h1{font-size:4rem;font-weight:600;line-height:106%}.app__about a,.app__about p span,.app__about-header h1 span{color:var(--color-secondary)}.app__about-row{position:relative}.app__about-col.-left{flex:.6 1}.app__about-col.-right{align-self:flex-start;flex:.4 1;position:-webkit-sticky;position:sticky;right:0;top:8rem}.app__about-img{border-radius:12px;height:360px;margin:auto;overflow:hidden;transition:all .35s ease-in-out;width:360px}.app__about-img:hover{filter:grayscale(100%);-webkit-filter:grayscale(100%)}.app__about-img img{height:100%;object-fit:cover;width:100%}.app__about-field{color:var(--color-gray);margin-bottom:1.5rem}.app__about-field.-active{color:#fff}.app__about-field p{margin-bottom:.725rem}.app__about-field p:last-child{margin-bottom:0}.app__about-field h3{margin-bottom:1rem}@media screen and (max-width:1024px){.app__about-img{height:300px;width:300px}}@media screen and (max-width:956px){.app__about-img{height:240px;margin-left:calc(100% - 240px);width:240px}}@media screen and (max-width:824px){.app__about-row.d-flex{flex-direction:column-reverse}.app__about-img{height:300px;margin:0;width:300px}.app__about-col.-right{flex:1 1;position:relative;top:0;width:100%}.app__about-col.-left{flex:1 1;width:100%}}@media screen and (max-width:768px){.app__about-container{padding:8rem 2rem 0}}@media screen and (max-width:560px){.app__about-img{height:auto;width:100%}}.app__header{margin-bottom:5rem;margin-top:6rem}.app__header-container{margin:auto;padding:2rem 0}.app__header h4{color:var(--color-gray)}.app__header h1{font-size:4rem;font-weight:600;line-height:106%}.app__header h1 span,.app__header p span{color:var(--color-secondary)}.app__header a{background-color:#fff;border:none;color:#000;display:block;font-family:inherit;font-size:1.1rem;font-weight:600;margin-top:.75rem;outline:none;padding:.65rem 1.5rem;text-align:center;transition:all .25s ease-in-out;width:264px}.app__header a:hover{background-color:var(--color-secondary);color:#1a2b3c}.app__header-top{width:81%;width:980px}.app__header-col.-left{flex:.4 1}.app__header-col.-right{flex:.6 1}.app__header p{font-size:1.5rem;font-weight:400}@media screen and (max-width:768px){.app__header{margin-bottom:2.5rem}.app__header-container{margin:auto;width:90%}.app__header h4{margin-bottom:1rem}.app__header h1{font-size:56px;margin-bottom:2.5rem}.app__header-top{width:100%}.app__header-row.d-flex{flex-direction:column-reverse}.app__header p{margin-bottom:1.5rem}}@media screen and (max-width:560px){.app__header h1{font-size:2.5rem}.app__header p{font-size:1.1rem}}@media screen and (max-width:336px){.app__header a{width:100%}}.app__experience{margin-bottom:5rem}.app__experience-container{padding:2rem 0}.app__experience-header{margin-bottom:5rem}.app__experience-header h2{font-size:2.5rem}.app__experience-nav{flex:.3 1}.app__experience-nav_item{border-bottom:1px solid #fff;border-left:1px solid #fff;cursor:pointer;margin-bottom:1.5rem;padding:1rem;transition:all .35s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app__experience-content{border-left:1px solid #fff;flex:.7 1;padding:1.5rem 0 1.5rem 5%}.app__experience-nav_item.-active,.app__experience-nav_item:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.app__experience-content h4{font-size:1.5rem}.app__experience-content h6{color:var(--color-gray)}.app__experience-content h6,.app__experience-content p{font-size:1.1rem;font-weight:300}.app__experience-content_header{margin-bottom:2rem;margin-left:1.5rem}.app__experience-content_field{margin-bottom:.75rem}.app__experience-nav::-webkit-scrollbar{display:none}@media screen and (max-width:824px){.app__experience-container{padding:2rem 1rem}.app__experience-content{border-left:none;padding-left:0}.app__experience-row.d-flex{flex-direction:column}.app__experience-nav{display:flex;flex-wrap:nowrap;gap:1rem;overflow:auto;padding:0 1rem;width:100%}.app__experience-nav_item{border:none}.app__experience-nav_item h4,.app__experience-nav_item h6{white-space:nowrap}.app__experience-header h2{font-size:2.1rem}}@media screen and (max-width:768px){.app__experience{margin-bottom:2.5rem}}.app__projects.-page .app__projects-container{padding-top:8rem}.app__projects-container{padding:2rem 0}.app__projects-header{margin-bottom:5rem}.app__projects-header h2{font-size:2.5rem}.app__projects-header h3{font-size:2.2rem;line-height:100%;margin-top:.75rem;width:70%}.app__projects-header h3 span{color:var(--color-secondary)}.app__projects-row.-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.app__projects-row.d-flex{overflow:auto}.app__projects-row.d-flex::-webkit-scrollbar{display:none}.app__project{border-radius:.5rem;box-shadow:1px 1px 4px #b9ffa8;color:var(--color-gray);height:320px;overflow:hidden;position:relative;transition:all .35s ease-in-out}.app__project:hover{color:#fff}.app__project-overlay{background-color:rgba(0,0,0,.75);bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:99}.app__project-content{height:100%;position:relative;z-index:101}.app__project-content.d-flex{align-items:flex-start;flex-direction:column}.app__project p{font-size:.8375rem;font-weight:600;transition:all .35s ease-in}.app__project h4{font-size:1.5rem}.app__project-imgbox{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}.app__project-imgbox img{height:100%;object-fit:cover;width:100%}.app__project-iconbox,.app__project-textbox{padding:1.5rem 1rem}.app__project-iconbox{align-self:flex-end}.app__project-icon svg{height:2rem;transition:all .35s ease-in-out;width:2rem}.app__project-icon svg:hover{color:var(--color-secondary)!important}.app__projects-btn{margin-top:5rem;text-align:center}.app__projects-btn a{background-color:#fff;border-radius:.25rem;padding:.875rem 1.5rem}.app__project .-tools{margin-top:.5rem}.-tools.d-flex{flex-wrap:wrap;gap:.25rem .5rem}.app__project .-tools p:first-child{color:#fff}.app__project .-tools p{color:var(--color-secondary);font-size:.875rem;font-weight:600;margin:0}@media screen and (max-width:824px){.app__projects-row.-grid{grid-template-columns:repeat(1,1fr)}.app__projects-header h2{font-size:2.1rem}.app__projects-header h3{font-size:1.625rem;line-height:110%;width:100%}}@media screen and (max-width:768px){.app__projects-container{padding:2rem 1rem}}.app__skills{margin-bottom:5rem}.app__skills-container{padding:2rem 0}.app__skills-header{margin-bottom:2.5rem;text-align:center}.app__skills-header h2{font-size:2.5rem}.app__skills-row{margin:auto;width:100%}.app__skills-col h4{margin-bottom:.75rem}.-skill.d-flex{flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.app__skills-col.-skill{margin:auto auto 3.5rem;width:824px}.app__skills-col.-right .-profession{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.app__skills-profession{background-color:#1b1725;box-shadow:1px 1px 4px #b9ffa8;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem}.app__skills-profession h4{border-bottom:2px solid var(--color-secondary);margin-bottom:.25rem;padding-bottom:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app__skills-profession p{color:var(--color-gray);font-size:.875rem;font-weight:300}.app__skills-profession p span{border-bottom:1px solid var(--color-secondary);color:var(--color-secondary);font-weight:400}.app__skills-skill{background-color:#1b1725;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.app__skills-skill p{font-size:1.1rem;transition:all .35s ease-in-out}.app__skills-skill p:hover{color:var(--color-secondary);text-decoration:underline}.app__skills-skill svg{font-size:1.5rem}@media screen and (max-width:956px){.app__skills-col.-skill{margin-bottom:2.5rem;width:100%}.app__skills-col.-right .-profession{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:824px){.app__skills-header h2{font-size:2.1rem}}@media screen and (max-width:768px){.app__skills-container{padding:2rem}}@media screen and (max-width:600px){.app__skills{margin-bottom:2.5rem}.app__skills-container{padding:2rem 1rem}.app__skills-col.-right .-profession{grid-template-columns:repeat(1,1fr)}.app__skills-skill p{font-size:.875rem}.app__skills-skill svg{font-size:1rem}}.app__resume-container{min-height:100vh;padding:8rem 0 0}.app__resume-container.d-flex{flex-direction:column;height:100%}.app__resume-header h2{font-size:2.5rem}.app__resume-body{border:1px solid var(--color-secondary);flex-grow:1;margin:2rem auto;padding:3rem 4rem;transition:all .35s ease-in-out;width:100%}.app__resume-body h3{font-size:1.5rem}.app__resume-body h4{font-size:1.25rem}.app__resume-body h5{color:var(--color-gray);font-size:1.1rem;font-weight:400}.app__resume-body p{font-size:1rem;font-weight:300}.app__resume-body_field{margin-bottom:2.5rem}.app__resume-body_field:last-child{margin-bottom:0}.app__resume-field_header{border-bottom:3px solid var(--color-secondary);margin-bottom:.625rem}.app__resume-field_header h3{text-transform:uppercase}.app__resume-body_field a{color:var(--color-secondary);text-decoration:underline}.app__resume-body_field.-details{margin-bottom:4rem;text-align:center}.app__resume-body .-skills_field{margin-bottom:1.25rem}.app__resume-body .-skill_content{margin-left:4rem}.app__resume-body p.-topic{font-size:1rem;font-weight:600}.app__resume-body_field.-skills p span{color:var(--color-secondary);font-weight:500}.app__resume-body_field.-experience li{list-style-type:circle}.app__resume-body_field .-experience{border-bottom:1px solid var(--color-gray);margin-bottom:2rem;padding-bottom:1.5rem}.app__resume-body_field .-experience:last-child{border-bottom:0;margin-bottom:0}.-experience_header{margin-bottom:1.5rem}.-experience_body{margin-left:2rem}.app__resume-footer a{background-color:#fff;border-radius:133.333px;color:#000;padding:1rem 1.5rem;transition:all .35s ease-in-out}.app__resume-footer a:hover{background-color:var(--color-secondary);color:#1a2b3c}@media screen and (max-width:1024px){.app__resume-body{width:90%}}@media screen and (max-width:824px){.app__resume-container{padding:5rem 2rem 0}.app__resume-body{width:100%}.app__resume-body h3{font-size:1.25rem}.app__resume-body h4{font-size:1.1rem}.app__resume-body h5{color:var(--color-gray);font-size:.9315rem;font-weight:400}.app__resume-body p{font-size:.875rem;font-weight:300}}@media screen and (max-width:768px){.app__resume-header h2{font-size:2rem}.app__resume-body{padding:1.5rem 1rem}.-education .app__resume-field_row.d-flex{align-items:flex-start;flex-direction:column}}@media screen and (max-width:600px){.app__resume-container{padding:8rem 1rem 0}.app__resume-body .-skill_content{margin-left:0}.-experience .-experience_header.d-flex{align-items:flex-start;flex-direction:column}.-details .d-flex{flex-wrap:wrap}}
/*# sourceMappingURL=main.a93c49ad.css.map*/