html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#08051f;transition:.3s}a:focus-visible,button:focus-visible{outline:3px solid #ffff1a;outline-offset:4px}body{background-color:#fff;font-family:Varela Round,sans-serif}img{max-width:100%}::selection{background-color:#ffea00a6;color:#fff}.container{box-sizing:border-box;justify-content:center;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;width:100%}@media(min-width:768px){.container{max-width:750px}}@media(min-width:992px){.container{max-width:970px}}.bold-text{font-weight:700}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:#b3afb3;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#b3afb3}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:0;box-shadow:inset 0 0 0 0 #f0f0f0}.menu-btn .line{background-color:#fff;border-radius:5px;display:block;height:3px;left:50%;margin:0;position:absolute;top:50%;transition:transform .25s ease,opacity .2s ease,background-color .2s ease;width:24px}.menu-btn .line:first-child{transform:translate(-50%,-10px)}.menu-btn .line:nth-child(2){transform:translate(-50%,-50%)}.menu-btn .line:nth-child(3){transform:translate(-50%,7px)}.menu-btn{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;box-sizing:border-box;cursor:pointer;display:none;flex:0 0 44px;height:44px;justify-content:center;line-height:0;margin-right:20px;padding:0;position:relative;touch-action:manipulation;width:44px;z-index:2}.menu-btn.open .line:nth-child(2){background-color:#08051f;opacity:0;transform:translate(-50%,-50%) scaleX(0)}.menu-btn.open .line:first-child{background-color:#08051f;transform:translate(-50%,-50%) rotate(45deg)}.menu-btn.open .line:nth-child(3){background-color:#08051f;transform:translate(-50%,-50%) rotate(-45deg)}@media only screen and (max-width:1295px){.menu-fullscreen{display:none}.menu-btn{display:inline-flex;margin-left:auto}}.mobile-menu{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:.2s linear;-moz-transition:.2s linear;-webkit-transition:.2s linear;-o-transition:.2s linear;-ms-transition:.2s linear;visibility:hidden;width:100%;z-index:1}.mobile-menu .mobile-menu-li{align-items:center;font-size:24px;justify-content:center;list-style-type:none;white-space:nowrap}.mobile-menu .mobile-menu-li a{align-items:center;color:#000;margin-bottom:0;text-align:center}.mobile-menu.open{background:#f7dc6f;opacity:1;transition:.2s linear;-moz-transition:.2s linear;-webkit-transition:.2s linear;-o-transition:.2s linear;-ms-transition:.2s linear;visibility:visible}.mobile-menu.open a{margin-bottom:1rem}.mobile-menu.open .menu-responsive .mobile-menu-socialnetwork a{bottom:0;transition:.2s linear}.menu-responsive .mobile-menu-socialnetwork{bottom:6%;display:block;display:flex;justify-content:center;position:absolute;text-align:center;transition:background .2s linear;width:100%}.menu-responsive .mobile-menu-socialnetwork a{color:#08051f;justify-content:center;margin:1rem;padding:0}header{font-size:20px;font-weight:700;margin-top:0}header nav{background:#25252b;box-shadow:1.95px 1.95px 2.6px #00000026;float:right;padding-bottom:20px;padding-top:25px;position:fixed;width:100%;z-index:1}header nav a{align-items:center;color:#fff;display:inline-flex;gap:8px;padding-left:16px;padding-right:16px;text-decoration:none}header nav a:hover{color:#ffff1a}header nav .navbar{align-items:center;display:flex}header nav .navbar .logo-topbar{margin-left:220px;white-space:nowrap}@media(max-width:1295px){header nav .navbar .logo-topbar{margin-left:20px}}header nav .navbar .menu-fullscreen{flex:1 1}header nav .navbar .menu-fullscreen ul{align-items:center;display:flex;list-style-type:none;margin:0;overflow:hidden;padding:0}header nav .navbar .menu-fullscreen ul li{float:left}header nav .navbar .menu-fullscreen .nav-right{display:flex;margin-left:auto;padding-right:40px}header nav .navbar .menu-fullscreen .nav-item{white-space:nowrap}header nav .navbar .menu-fullscreen .nav-item span{font-size:14px}.button-primary{background:#fff;border:7px solid #000;box-shadow:5px 5px 0 -1px #ffea00a6,inset 4px 4px 0 0 #ffea00a6;margin-right:15px;overflow:hidden;padding:5px;text-align:center;text-decoration:none;text-shadow:2px 2px #ffea00a6}.button-primary:hover{box-shadow:3px 3px 0 -1px #ffea00a6;text-shadow:1px 1px #ffea00a6;transition-duration:.2s}.link-text{border-bottom:3px solid #fff;color:#fff;overflow:hidden;padding-bottom:1px;text-align:center;text-decoration:none;text-transform:uppercase}.link-text:hover{box-shadow:0 1px 0 0 #ffff1a;text-shadow:1px 1px #ffff1a;transition-duration:.2s}.App-header{background:linear-gradient(143deg,#403e6b 44%,#25252b);flex-direction:column;justify-content:center}.App-header,.homepage{align-items:center;display:flex}.homepage{color:#fff;column-gap:clamp(3rem,6vw,5rem);padding-bottom:15vh;padding-top:30vh}@media(max-width:768px){.homepage{column-gap:0;display:block;padding-top:15vh}}.homepage h1{font-size:44px;text-shadow:2px 2px #ffea00a6}.homepage a,.homepage p{font-size:24px}@media(max-width:768px){.homepage h1{font-size:32px}.homepage p{font-size:20px}}#experience,#formation,#projects,#resume,#skill{scroll-margin-top:110px}.hero-content{max-width:38rem}.hero-subtitle{color:#ffff1a;font-weight:700;margin-bottom:0;text-transform:uppercase}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}.hero-link-secondary{border:2px solid #ffffffbf;color:#fff;padding:9px 14px;text-decoration:none}.hero-link-secondary:hover{background:#fff;color:#08051f}.logo{display:flex;flex:0 0 auto;text-align:center}.logo,.logo img{justify-content:center}.logo img{border:5px solid #fff;border-radius:50%;box-shadow:0 7px 29px 0 #64646f33;box-sizing:border-box;max-width:100%;position:relative;width:clamp(18rem,24vw,24rem)}@media(max-width:768px){.logo img{align-items:center;margin-bottom:.5rem;margin-top:10%;text-align:center;width:16rem}}.contact-container{display:flex;justify-content:center}.contact-container .contact{margin-left:20px;margin-right:20px;max-width:35rem;min-height:100vh;padding-top:140px;text-align:center}.contact-container .contact .photo-head img{border-radius:50%;justify-content:center;margin-left:auto;margin-right:auto;position:relative;text-align:center;width:200px}.contact-container .contact ul{list-style-type:none;margin:0;overflow:hidden;padding:0}.contact-container .contact ul li{margin-bottom:1rem;margin-top:1rem;vertical-align:middle}.contact-container .contact ul li a{display:block;padding:14px 16px;text-decoration:none}.contact-container .contact li img{width:15px}.contact-container .contact .container{border:1px solid #322a25;border-radius:4px;margin-top:20px;padding:20px}.contact-container .contact .container input{border-radius:4px;box-sizing:border-box;margin:8px 0;padding:12px 20px;width:100%}.contact-container .contact .container textarea{border-radius:4px;box-sizing:border-box;height:150px;padding:12px 20px;width:100%}.contact-container .contact .container button{background-color:#322a25;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px 20px}.linkedin{background-color:#0a66c2;color:#fff}.linkedin:hover{background-color:#003771}.insta{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);color:#fff}.insta:hover{background:linear-gradient(270deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);transition:all 1ms}.phone{background-color:#61c183;color:#fff}.phone:hover{background-color:#2d8e4f}.mail{background-color:#6685d7;color:#fff}.mail:hover{background-color:#274590}.mywebsite{background-color:#08051f;border:3px solid #000;color:#fff}.mywebsite:hover{background-color:#fff;color:#08051f}.cv{background-color:#25252b;border:3px solid #25252b;color:#fff}.cv:hover{background-color:#fff;color:#25252b}footer{background:#25252b;color:#fff;display:block;margin-top:20px;padding:20px;text-align:center}footer .social-network{font-size:30px;margin-top:10px}footer a{color:#fff;margin-left:10px;margin-right:10px}footer a:hover{color:#ffff1a}footer p{margin:0;padding:0}.experience{background-color:#403e6b;display:grid;padding-bottom:80px;text-align:right}.experience h1{background-color:#fff;border:7px solid #000;box-shadow:5px 5px 0 -1px #ffea00a6,inset 4px 4px 0 0 #ffea00a6;display:inline-block;margin-bottom:5%;margin-top:-30px;overflow:hidden;padding:2px 10px;text-shadow:2px 2px #ffea00a6;transition-duration:.2s}.experience h1:hover{box-shadow:1px 1px 0 -1px #ffea00a6;text-shadow:1px 1px #ffea00a6;transition-duration:.2s}.experience .card-container{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;margin:16px auto 0;text-align:left;width:100%}@media(max-width:768px){.experience .card-container{grid-template-columns:1fr}}.experience .card{background:#ffea00a6;border-radius:5px;color:#fff;display:grid;padding:30px}.experience .experience-card{grid-column-gap:20px;background:#fff;border:2px solid #ffffff2e;border-left:8px solid #ffea00a6;box-shadow:0 18px 38px #00000038;box-sizing:border-box;color:#08051f;column-gap:20px;display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto 1fr auto;margin:0;min-height:240px;overflow:visible;padding:22px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.experience .experience-card:hover{border-color:#ffffff6b;box-shadow:0 22px 46px #0000004d;transform:translateY(-4px)}.experience .experience-card .experience-img{align-items:center;align-self:start;background-color:#515368;border-radius:50%;box-shadow:0 10px 24px #00000038;box-sizing:border-box;display:flex;grid-row:1/span 3;height:88px;justify-content:center;justify-self:start;margin-right:8px;margin-top:0;min-height:88px;min-width:88px;overflow:hidden;padding:6px;position:static;transform:none;width:88px}.experience .experience-card .experience-img img{display:block;object-fit:contain}.experience .experience-card .experience-img .experience-img-placeholder,.experience .experience-card .experience-img img{background-color:#fff;border-radius:50%;box-shadow:0 2px 16px 0 #0000004d;box-sizing:border-box;height:100%;padding:14px;width:100%}.experience .experience-card .experience-img .experience-img-placeholder{align-items:center;color:#515368;display:flex;font-weight:700;justify-content:center}.experience .experience-card .experience-card-heading{border-bottom:1px solid #08051f1f;padding-bottom:14px;text-align:left}.experience .experience-card .experience-card-heading p{margin:0;overflow-wrap:anywhere}.experience .experience-card .experience-card-heading .experience-company{color:#08051f;font-size:19px;font-weight:700;line-height:1.15;text-transform:uppercase}.experience .experience-card .experience-card-heading .experience-job{color:#515368;font-size:14px;line-height:1.35;margin-top:6px}.experience .experience-card .experience-card-mission{align-self:stretch;background:#403e6b12;border:1px solid #08051f14;margin-top:14px;padding:14px;text-align:left}.experience .experience-card .experience-card-mission span{color:#385f9f;display:block;font-size:13px;font-weight:700;margin-bottom:6px}.experience .experience-card .experience-card-mission p{color:#515368;line-height:1.45;margin:0;overflow-wrap:anywhere}.experience .experience-card .experience-card-date{background:#ffea00;border:1px solid #08051f24;bottom:-20px;box-shadow:0 10px 22px #0000002e;color:#08051f;font-size:13px;font-weight:700;line-height:1.2;padding:7px 10px;position:absolute;right:10px;text-align:right;z-index:3}@media(max-width:480px){.experience .experience-card{grid-template-columns:1fr;padding:20px}.experience .experience-card .experience-img{grid-row:auto;height:82px;margin-bottom:16px;margin-right:0;min-height:82px;min-width:82px;width:82px}.experience .experience-card .experience-img .experience-img-placeholder,.experience .experience-card .experience-img img{height:100%;padding:14px;width:100%}}.projects{background:#f7f8fb;padding-bottom:88px;padding-top:80px}.projects .header-projects{margin-bottom:24px;text-align:left}.projects .header-projects h1{background-color:#fff;border:7px solid #000;box-shadow:5px 5px 0 -1px #ffea00a6,inset 4px 4px 0 0 #ffea00a6;display:inline-block;margin:0;overflow:hidden;padding:2px 10px;text-shadow:2px 2px #ffea00a6;transition-duration:.2s}.projects .header-projects h1:hover{box-shadow:1px 1px 0 -1px #ffea00a6;text-shadow:1px 1px #ffea00a6;transition-duration:.2s}.projects .projects-intro{max-width:42rem}.projects .projects-intro p{color:#515368;font-size:18px;line-height:1.5;margin:0 0 28px}.projects-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:768px){.projects-container{grid-template-columns:1fr}}.project-card{background:#fff;border:2px solid #08051f1a;border-left:8px solid #ffea00a6;box-shadow:0 14px 30px #08051f14;box-sizing:border-box;min-height:255px;padding:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card:hover{border-color:#08051f33;box-shadow:0 18px 38px #08051f24;transform:translateY(-3px)}.project-card .project-preview{aspect-ratio:9/13;background:#1f2230;border:1px solid #08051f24;box-shadow:inset 0 0 0 1px #ffffff14;box-sizing:border-box;margin:-4px -4px 18px;overflow:hidden;position:relative}.project-card .project-preview img{display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.project-card .project-context{background:#ffea0047;border:1px solid #08051f1f;color:#08051f;display:inline-block;font-size:13px;font-weight:700;margin-bottom:16px;padding:7px 10px}.project-card h2{color:#08051f;font-size:23px;line-height:1.15;margin:0 0 12px;overflow-wrap:anywhere}.project-card p{color:#515368;line-height:1.5;margin:0}.project-card .project-stack{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 0;padding:0}.project-card .project-stack li{background:#403e6b14;border:1px solid #08051f1a;color:#08051f;font-size:13px;font-weight:700;padding:6px 9px}.project-card .project-link{border-bottom:3px solid #08051f;color:#08051f;display:inline-block;font-weight:700;margin-top:22px;padding-bottom:3px;text-decoration:none;text-transform:uppercase}.project-card .project-link:hover{border-color:#385f9f;color:#385f9f}.skills{padding-bottom:80px}.skills .header-skills{display:inline-block;margin-bottom:5%;margin-top:-55px}.skills .header-skills h1{background-color:#fff;border:7px solid #000;box-shadow:5px 5px 0 -1px #ffea00a6,inset 4px 4px 0 0 #ffea00a6;overflow:hidden;padding:2px 10px;text-shadow:2px 2px #ffea00a6;transition-duration:.2s}.skills .header-skills h1:hover{box-shadow:1px 1px 0 -1px #ffea00a6;text-shadow:1px 1px #ffea00a6;transition-duration:.2s}.skills h2{margin-top:50px;padding-left:35px}.skills-container{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));justify-items:center}.skills-container .type-skill{border:5px solid #000;border-radius:1px;padding-left:20px;padding-right:20px;transform:skewX(-20deg);width:200px}.skills-container .type-skill h2{transform:skewX(20deg)}.skills-container .type-skill div{transform:skewX(20deg);vertical-align:middle}.skills-container .type-skill p{transform:skewX(20deg)}.skill-card{align-items:center;display:flex}.skill-card .skill-img{border-radius:50%;box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px #ffffff80;padding:20px}.skill-card .skill-img img{align-items:center;display:block;height:40px;margin-left:auto;margin-right:auto;object-fit:contain;width:40px}.skill-card .skill-text{margin-left:30px}.skill-card .exp-year{font-weight:700}.formation h1{background-color:#fff;border:7px solid #000;box-shadow:5px 5px 0 -1px #ffea00a6,inset 4px 4px 0 0 #ffea00a6;display:inline-block;margin-bottom:5%;margin-top:-30px;overflow:hidden;padding:2px 10px;text-shadow:2px 2px #ffea00a6;transition-duration:.2s}.formation h1:hover{box-shadow:1px 1px 0 -1px #ffea00a6;text-shadow:1px 1px #ffea00a6;transition-duration:.2s}.formation .card-container{grid-gap:24px;display:grid;gap:24px;justify-content:center;justify-items:center;text-align:left}.formation .cube{background:#fff;border:2px solid #08051f1f;border-left:8px solid #ffea00a6;box-shadow:0 14px 30px #08051f14;box-sizing:border-box;margin:0;max-width:40rem;padding:28px 32px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.formation .cube:hover{border-color:#08051f38;box-shadow:0 18px 38px #08051f24;transform:translateY(-3px)}.formation .cube span{color:#515368;display:inline-block;font-size:13px;font-weight:700;letter-spacing:0;line-height:1.2}.formation .cube span:first-child{background:#ffea0047;border:1px solid #08051f1f;color:#08051f;margin-bottom:16px;padding:7px 10px}.formation .cube h2{color:#08051f;font-size:24px;line-height:1.1;margin:0 0 8px;overflow-wrap:anywhere;padding:0;text-transform:uppercase}.formation .cube p{color:#515368;line-height:1.45;margin:12px 0 0;overflow-wrap:anywhere}.formation .cube p:first-of-type{color:#08051f;font-weight:700}@media(max-width:480px){.formation .cube{padding:24px 20px}.formation .cube h2{font-size:20px}}
/*# sourceMappingURL=main.3ab4dcd0.css.map*/