@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}*:focus-visible{border-color:#2870bd;outline:2px solid #2870bd;outline-offset:2px}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}h1{font-size:2em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}p{margin:0}a{background-color:transparent;text-decoration:none}li{list-style:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{font-family:Kodchasan,sans-serif;font-weight:400;background-color:#11131f;max-width:1400px;margin:0 auto}h1,h2,h3,h4,h5{font-family:Winky Sans,sans-serif;font-weight:700}header{border-bottom:2px solid #304384;display:flex;align-items:center}header nav{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 30px}@media (min-width: 768px){header nav{margin:0 50px}}@media (min-width: 920px){header nav{margin:0 70px}}@media (min-width: 1024px){header nav{margin:0 90px}}@media (min-width: 1200px){header nav{margin:0 130px}}@media (min-width: 1400px){header nav{margin:0 150px}}header nav ul{display:none}@media (min-width: 768px){header nav ul{display:flex;gap:15px;color:#c2e6ff;list-style:none;padding:0;margin:0}header nav ul a{color:#c2e6ff;text-decoration:none;margin-right:.5rem;display:inline-flex;align-items:center;gap:10px;font-size:18px}header nav ul a:hover{text-decoration:underline}}header nav .nav-toggle{display:inline-flex;background:transparent;border:0;font-size:2rem;line-height:1;cursor:pointer;color:#304384}header nav .nav-toggle:hover,header nav .nav-toggle:focus-visible{outline:none;color:#2870bd;border:1px solid #2870bd;padding:5px}@media (min-width: 768px){header nav .nav-toggle{display:none}}header .backdrop{position:fixed;inset:0;background:#0006;border:0;padding:0;margin:0;z-index:90}@media (min-width: 768px){header .backdrop{display:none}}header aside{position:fixed;top:0;right:0;height:100vh;width:280px;background:#11131f;border-left:1px solid #304384;box-shadow:-4px 0 16px #00000026;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;z-index:100}header aside.open{transform:translate(0)}header aside .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #304384}header aside .drawer-header button{background:transparent;border:0;font-size:2rem;line-height:1;color:#304384;cursor:pointer}header aside .drawer-header button:hover,header aside .drawer-header button:focus-visible{color:#2870bd;outline:none;border:1px solid #2870bd;padding:2px}header aside ul{list-style:none;padding:.75rem 1rem 1rem;margin:0;display:grid;gap:.5rem}header aside ul a{display:inline-flex;align-items:center;gap:.5rem;font-size:18px;padding:.5rem 0;color:#c2e6ff}header aside ul a:hover{text-decoration:underline}@media (min-width: 768px){header aside{display:none}}.cards__container{display:grid;grid-template-columns:1fr;grid-gap:50px;margin:20px 0}@media (min-width: 920px){.cards__container{grid-template-columns:repeat(2,1fr)}}#about{margin-bottom:70px}@media (min-width: 1024px){#about{margin-bottom:100px}}#about .about__container{display:flex;flex-direction:column-reverse;margin:50px 30px}@media (min-width: 768px){#about .about__container{flex-direction:row;justify-content:space-between;margin:50px}}@media (min-width: 920px){#about .about__container{margin:50px 70px}}@media (min-width: 1024px){#about .about__container{margin:50px 90px 30px}}@media (min-width: 1200px){#about .about__container{margin:80px 130px 30px}}@media (min-width: 1400px){#about .about__container{margin:80px 150px 30px}}#about .about__container .photo__container{display:flex;justify-content:center;align-items:center}#about .about__container .photo__container .img__container img{width:150px;height:auto;object-fit:contain;border-radius:50px}@media (min-width: 768px){#about .about__container .photo__container .img__container img{width:180px}}@media (min-width: 920px){#about .about__container .photo__container .img__container img{width:200px}}@media (min-width: 1024px){#about .about__container .photo__container .img__container img{width:260px}}@media (min-width: 1200px){#about .about__container .photo__container .img__container img{width:280px}}@media (min-width: 1200px){#about .about__container .photo__container .img__container img{width:300px}}#about .about__container .profile__container{display:flex;flex-direction:column;justify-content:space-around}#about .about__container .profile__container .greetings{display:flex;flex-direction:column;align-items:center;margin:25px 0}@media (min-width: 768px){#about .about__container .profile__container .greetings{align-items:flex-start;margin:0}}#about .about__container .profile__container .greetings p{color:#70b8ff;font-size:24px;font-weight:700}@media (min-width: 768px){#about .about__container .profile__container .greetings p{font-size:18px}}@media (min-width: 1200px){#about .about__container .profile__container .greetings p{font-size:24px}}#about .about__container .profile__container .greetings h1{color:#70b8ff;font-size:40px;text-align:center;margin-top:15px}@media (min-width: 768px){#about .about__container .profile__container .greetings h1{text-align:start;font-size:46px;margin-top:5px}}@media (min-width: 920px){#about .about__container .profile__container .greetings h1{font-size:48px}}@media (min-width: 1200px){#about .about__container .profile__container .greetings h1{font-size:50px}}@media (min-width: 1400px){#about .about__container .profile__container .greetings h1{font-size:60px}}#about .about__container .profile__container .qualification p{color:#c2e6ff;text-align:center;font-size:22px}@media (min-width: 768px){#about .about__container .profile__container .qualification p{font-size:24px;text-align:start;margin-top:20px}}@media (min-width: 920px){#about .about__container .profile__container .qualification p{font-size:24px;margin-top:0}}@media (min-width: 1200px){#about .about__container .profile__container .qualification p{font-size:26px}}@media (min-width: 1400px){#about .about__container .profile__container .qualification p{font-size:30px}}#about .about__container .profile__container .cta{display:grid;grid-template-columns:1fr;justify-items:center;grid-gap:10px;margin-top:30px}@media (min-width: 768px){#about .about__container .profile__container .cta{grid-template-columns:repeat(4,1fr);grid-gap:8px;justify-items:normal;margin-top:20px}}@media (min-width: 920px){#about .about__container .profile__container .cta{grid-gap:15px;margin-top:0}}#about .intro{margin:50px 30px;color:#c2e6ff;font-size:18px;text-align:center;line-height:1.3}#about .intro .bold{font-weight:700;color:#70b8ff}@media (min-width: 768px){#about .intro{margin:50px;text-align:start;width:60%}}@media (min-width: 920px){#about .intro{margin:0 70px;font-size:20px}}@media (min-width: 1024px){#about .intro{margin:0 90px;width:50%}}@media (min-width: 1200px){#about .intro{margin:0 130px}}@media (min-width: 1400px){#about .intro{margin:0 150px}}#projects{margin-bottom:70px}@media (min-width: 1024px){#projects{margin-bottom:100px}}#projects .projects__container{margin:0 30px;display:flex;flex-direction:column}@media (min-width: 768px){#projects .projects__container{justify-content:space-between;margin:0 50px}}@media (min-width: 920px){#projects .projects__container{margin:0 70px}}@media (min-width: 1024px){#projects .projects__container{margin:0 90px}}@media (min-width: 1200px){#projects .projects__container{margin:0 130px}}@media (min-width: 1400px){#projects .projects__container{margin:0 150px}}#projects .projects__container h2{color:#70b8ff;font-size:32px}@media (min-width: 768px){#projects .projects__container h2{font-size:36px}}#projects .projects__container p{color:#c2e6ff;font-size:18px;line-height:1.3}@media (min-width: 920px){#projects .projects__container p{font-size:20px}}#projects .projects__container .layouts__container{margin-top:50px}#projects .projects__container .layouts__container .second-layout{margin-top:50px;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,overflow .6s ease-in-out}#projects .projects__container .layouts__container .second-layout.open{overflow:visible;max-height:2000px;opacity:1}#projects .projects__container .btn__container{width:50%;align-self:center}@media (min-width: 920px){#projects .projects__container .btn__container{width:30%}}#projects .projects__container .btn__container button{width:100%;display:flex;align-items:center;justify-content:center;background-color:#0d2847;border-radius:10px;padding:10px;border:none;color:#c2e6ff;text-align:center;cursor:pointer}@media (min-width: 768px){#projects .projects__container .btn__container button{padding:8px}}@media (min-width: 1024px){#projects .projects__container .btn__container button{padding:10px}}@media (min-width: 1200px){#projects .projects__container .btn__container button{padding:12px}}@media (min-width: 1400px){#projects .projects__container .btn__container button{padding:15px;font-size:18px}}#projects .projects__container .btn__container button:hover{background-color:#003362}#skills{margin-bottom:70px}@media (min-width: 1024px){#skills{margin-bottom:100px}}#skills .skills__container{margin:0 30px;display:flex;flex-direction:column}@media (min-width: 768px){#skills .skills__container{justify-content:space-between;margin:0 50px}}@media (min-width: 920px){#skills .skills__container{margin:0 70px}}@media (min-width: 1024px){#skills .skills__container{margin:0 90px}}@media (min-width: 1200px){#skills .skills__container{margin:0 130px}}@media (min-width: 1400px){#skills .skills__container{margin:0 150px}}#skills .skills__container h2{color:#70b8ff;font-size:32px}@media (min-width: 768px){#skills .skills__container h2{font-size:36px}}#skills .skills__container p{color:#c2e6ff;font-size:18px;line-height:1.3;margin-bottom:50px}@media (min-width: 920px){#skills .skills__container p{font-size:20px}}#education{margin-bottom:70px}@media (min-width: 1024px){#education{margin-bottom:100px}}#education .education__container{margin:0 30px;display:flex;flex-direction:column}@media (min-width: 768px){#education .education__container{justify-content:space-between;margin:0 50px}}@media (min-width: 920px){#education .education__container{margin:0 70px}}@media (min-width: 1024px){#education .education__container{margin:0 90px}}@media (min-width: 1200px){#education .education__container{margin:0 130px}}@media (min-width: 1400px){#education .education__container{margin:0 150px}}#education .education__container h2{color:#70b8ff;font-size:32px;margin-bottom:50px}@media (min-width: 768px){#education .education__container h2{font-size:36px}}#education .education__container .education__content{max-width:450px;margin:0 auto 30px}@media (min-width: 920px){#education .education__container .education__content{margin:0 auto 45px}}@media (min-width: 1024px){#education .education__container .education__content{max-width:100%;margin:0 0 60px;position:relative;display:flex;flex-direction:column}#education .education__container .education__content:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);border-left:#304384 dashed 2px;z-index:0}}#education .education__container .education__content .arrow-desktop{display:none;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%) rotate(45deg);transform-origin:center;border-top:#304384 solid 3px;border-left:#304384 solid 3px;z-index:2}@media (min-width: 1024px){#education .education__container .education__content .arrow-desktop{display:block}}#education .education__container .education__content .first__container,#education .education__container .education__content .third__container{height:fit-content;position:relative;padding:30px;border-left:#304384 dashed 2px;border-bottom:#304384 dashed 2px}@media (min-width: 1024px){#education .education__container .education__content .first__container,#education .education__container .education__content .third__container{width:50%;padding:20px 40px 0 0;border:none!important;align-self:flex-start;box-sizing:border-box}}#education .education__container .education__content .first__container .arrow,#education .education__container .education__content .third__container .arrow{width:16px;height:16px;position:absolute;top:0;left:-10.5px;transform:rotate(45deg);transform-origin:center;border-top:#304384 solid 3px;border-left:#304384 solid 3px}@media (min-width: 1024px){#education .education__container .education__content .first__container .arrow,#education .education__container .education__content .third__container .arrow{display:none}}#education .education__container .education__content .first__container .point,#education .education__container .education__content .third__container .point{width:16px;height:16px;background-color:#304384;border-radius:100%;position:absolute;top:50%;left:-9px;transform:translateY(-50%)}@media (min-width: 1024px){#education .education__container .education__content .first__container .point,#education .education__container .education__content .third__container .point{right:-8px;left:auto;z-index:1}}#education .education__container .education__content .second__container{height:fit-content;position:relative;padding:30px;border-right:#304384 dashed 2px;border-bottom:#304384 dashed 2px}@media (min-width: 1024px){#education .education__container .education__content .second__container{width:50%;padding:20px 0 0 40px;border:none!important;align-self:flex-end;box-sizing:border-box}}#education .education__container .education__content .second__container .point{width:16px;height:16px;background-color:#304384;border-radius:100%;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}@media (min-width: 1024px){#education .education__container .education__content .second__container .point{left:-8px;right:auto;z-index:1}}#education .education__container .education__content .fourth__container{height:fit-content;position:relative;padding:30px;border-right:#304384 dashed 2px}@media (min-width: 1024px){#education .education__container .education__content .fourth__container{width:50%;padding:20px 0 0 40px;border:none!important;align-self:flex-end;box-sizing:border-box}}#education .education__container .education__content .fourth__container .point{width:16px;height:16px;background-color:#304384;border-radius:100%;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}@media (min-width: 1024px){#education .education__container .education__content .fourth__container .point{left:-8px;right:auto;z-index:1}}#education .education__container .cta__container{width:70%!important;margin:0 auto!important}@media (min-width: 768px){#education .education__container .cta__container{width:50%!important}}@media (min-width: 1024px){#education .education__container .cta__container{width:30%!important}}#contact{margin-bottom:70px}#contact .contact__container{margin:0 30px;display:flex;flex-direction:column}@media (min-width: 768px){#contact .contact__container{justify-content:space-between;margin:0 50px}}@media (min-width: 920px){#contact .contact__container{margin:0 70px}}@media (min-width: 1024px){#contact .contact__container{margin:0 90px}}@media (min-width: 1200px){#contact .contact__container{margin:0 130px}}@media (min-width: 1400px){#contact .contact__container{margin:0 150px}}#contact .contact__container h2{color:#70b8ff;font-size:32px}@media (min-width: 768px){#contact .contact__container h2{font-size:36px}}#contact .contact__container p.subtitle{color:#c2e6ff;font-size:18px;line-height:1.3;margin-bottom:50px}@media (min-width: 920px){#contact .contact__container p.subtitle{font-size:20px}}#contact .contact__container .contact__content{display:flex;flex-direction:column-reverse}@media (min-width: 920px){#contact .contact__container .contact__content{flex-direction:row}}#contact .contact__container .contact__content .identity__container{display:flex;flex-direction:column;gap:15px;border-top:2px solid #304384;padding-top:20px;margin-top:20px}@media (min-width: 768px){#contact .contact__container .contact__content .identity__container{padding-top:30px;margin-top:30px}}@media (min-width: 920px){#contact .contact__container .contact__content .identity__container{justify-content:center;padding:0 30px 30px;border-top:none;border-right:2px solid #304384;margin-top:0;width:50%}}@media (min-width: 1024px){#contact .contact__container .contact__content .identity__container{width:40%}}@media (min-width: 1200px){#contact .contact__container .contact__content .identity__container{width:35%}}@media (min-width: 1400px){#contact .contact__container .contact__content .identity__container{width:auto}}#contact .contact__container .contact__content .identity__container h3{font-size:20px;margin:0 0 10px;color:#70b8ff}@media (min-width: 920px){#contact .contact__container .contact__content .identity__container h3{font-size:22px}}@media (min-width: 1200px){#contact .contact__container .contact__content .identity__container h3{font-size:24px}}#contact .contact__container .contact__content .identity__container span{color:#c2e6ff}#contact .contact__container .contact__content .identity__container .contact__cta{display:flex;gap:15px;margin:15px 0 20px}@media (min-width: 920px){#contact .contact__container .contact__content .form__container{padding:30px;width:50%}}@media (min-width: 1024px){#contact .contact__container .contact__content .form__container{width:60%}}@media (min-width: 1200px){#contact .contact__container .contact__content .form__container{width:65%}}@media (min-width: 1400px){#contact .contact__container .contact__content .form__container{width:auto}}.cta__container{display:flex;justify-content:center;background-color:#0d2847;border-radius:10px;width:55%;height:20px;padding:10px;color:#c2e6ff;gap:.5rem;cursor:pointer}@media (min-width: 1400px){.cta__container{font-size:18px}}@media (min-width: 768px){.cta__container{width:auto;padding:8px}}@media (min-width: 1024px){.cta__container{padding:10px}}@media (min-width: 1200px){.cta__container{padding:12px}}@media (min-width: 1400px){.cta__container{padding:15px}}.cta__container:hover{background-color:#003362;cursor:pointer}.cta__container a{display:flex;justify-content:center!important;flex-direction:row!important;gap:.5rem;text-decoration:none;background-color:transparent;border:none;cursor:pointer;color:#c2e6ff}.cta__container a .picto__container{margin-right:15px}@media (min-width: 768px){.cta__container a .picto__container{margin-right:10px}}article.article__project{border-radius:20px;background-color:#11131f;filter:drop-shadow(0px 3px 15px black);display:flex;flex-direction:column;justify-content:space-between}article.article__project .cover__container{border-top-left-radius:20px;border-top-right-radius:20px;padding:5px}@media (min-width: 920px){article.article__project .cover__container{width:auto}}article.article__project .cover__container img{width:100%;height:200px;object-fit:cover;object-position:top;border-top-left-radius:20px;border-top-right-radius:20px}@media (min-width: 920px){article.article__project .cover__container img{height:250px}}article.article__project .txt__container{padding:15px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;gap:8px;height:100%}@media (min-width: 1024px){article.article__project .txt__container{padding:20px}}article.article__project .txt__container .card-txt{display:flex;gap:8px;flex-direction:column}article.article__project .txt__container .card-txt h3{font-size:20px;color:#70b8ff;margin:0 0 15px}@media (min-width: 920px){article.article__project .txt__container .card-txt h3{font-size:22px}}@media (min-width: 1200px){article.article__project .txt__container .card-txt h3{font-size:24px}}article.article__project .txt__container .card-txt span{color:#c2e6ff;margin:0}article.article__project .txt__container button{border:none;height:auto}.tags-list{display:flex;gap:30px;align-items:center;margin:15px 0;flex-wrap:wrap}.tags-list img{width:45px;height:30px;object-fit:contain}article.article__skills{border-radius:20px;background-color:#11131f;filter:drop-shadow(0px 3px 15px black);padding:15px 15px 0;display:flex;flex-direction:column}@media (min-width: 768px){article.article__skills{display:grid;grid-template-columns:repeat(2,1fr);padding:15px 30px}}@media (min-width: 768px){article.article__skills .title__container{display:flex;flex-direction:column;justify-content:center}}article.article__skills .title__container h3{font-size:20px;color:#70b8ff;margin:0}@media (min-width: 920px){article.article__skills .title__container h3{font-size:22px}}@media (min-width: 1200px){article.article__skills .title__container h3{font-size:24px}}article.article__education{border-radius:20px;background-color:#11131f;filter:drop-shadow(0px 3px 15px black);padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:15px}article.article__education .picto__container{color:#c2e6ff;font-size:23px}article.article__education .txt__container{display:grid;gap:7px}article.article__education .txt__container h3{font-size:20px;margin:0 0 10px;color:#70b8ff}@media (min-width: 920px){article.article__education .txt__container h3{font-size:22px}}@media (min-width: 1200px){article.article__education .txt__container h3{font-size:24px}}article.article__education .txt__container p{color:#c2e6ff}article.article__education .txt__container p:nth-child(3),article.article__education .txt__container p:nth-child(4){font-size:14px;font-style:italic}form{display:flex;flex-direction:column}@media (min-width: 768px){form .identity__inputs,form .contact__details__imputs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}form .identity__inputs .firstName__content,form .identity__inputs .lastName__content,form .identity__inputs .email__content,form .identity__inputs .phone__content,form .contact__details__imputs .firstName__content,form .contact__details__imputs .lastName__content,form .contact__details__imputs .email__content,form .contact__details__imputs .phone__content{display:flex;flex-direction:column;margin-bottom:10px}@media (min-width: 768px){form .identity__inputs .firstName__content,form .identity__inputs .lastName__content,form .identity__inputs .email__content,form .identity__inputs .phone__content,form .contact__details__imputs .firstName__content,form .contact__details__imputs .lastName__content,form .contact__details__imputs .email__content,form .contact__details__imputs .phone__content{margin-bottom:15px}}form .identity__inputs .firstName__content label,form .identity__inputs .lastName__content label,form .identity__inputs .email__content label,form .identity__inputs .phone__content label,form .contact__details__imputs .firstName__content label,form .contact__details__imputs .lastName__content label,form .contact__details__imputs .email__content label,form .contact__details__imputs .phone__content label{color:#c2e6ff;margin-bottom:5px}@media (min-width: 768px){form .identity__inputs .firstName__content label,form .identity__inputs .lastName__content label,form .identity__inputs .email__content label,form .identity__inputs .phone__content label,form .contact__details__imputs .firstName__content label,form .contact__details__imputs .lastName__content label,form .contact__details__imputs .email__content label,form .contact__details__imputs .phone__content label{margin-bottom:10px}}form .identity__inputs .firstName__content label .red__star,form .identity__inputs .lastName__content label .red__star,form .identity__inputs .email__content label .red__star,form .identity__inputs .phone__content label .red__star,form .contact__details__imputs .firstName__content label .red__star,form .contact__details__imputs .lastName__content label .red__star,form .contact__details__imputs .email__content label .red__star,form .contact__details__imputs .phone__content label .red__star{color:#a70b0b}form .identity__inputs .firstName__content input,form .identity__inputs .lastName__content input,form .identity__inputs .email__content input,form .identity__inputs .phone__content input,form .contact__details__imputs .firstName__content input,form .contact__details__imputs .lastName__content input,form .contact__details__imputs .email__content input,form .contact__details__imputs .phone__content input{background-color:#0d2847;border:none;border-radius:15px;padding:7px;color:#c2e6ff}@media (min-width: 768px){form .identity__inputs .firstName__content input,form .identity__inputs .lastName__content input,form .identity__inputs .email__content input,form .identity__inputs .phone__content input,form .contact__details__imputs .firstName__content input,form .contact__details__imputs .lastName__content input,form .contact__details__imputs .email__content input,form .contact__details__imputs .phone__content input{padding:10px}}form .identity__inputs .firstName__content input::placeholder,form .identity__inputs .lastName__content input::placeholder,form .identity__inputs .email__content input::placeholder,form .identity__inputs .phone__content input::placeholder,form .contact__details__imputs .firstName__content input::placeholder,form .contact__details__imputs .lastName__content input::placeholder,form .contact__details__imputs .email__content input::placeholder,form .contact__details__imputs .phone__content input::placeholder{font-size:14px}form .identity__inputs .firstName__content input:focus-visible,form .identity__inputs .lastName__content input:focus-visible,form .identity__inputs .email__content input:focus-visible,form .identity__inputs .phone__content input:focus-visible,form .contact__details__imputs .firstName__content input:focus-visible,form .contact__details__imputs .lastName__content input:focus-visible,form .contact__details__imputs .email__content input:focus-visible,form .contact__details__imputs .phone__content input:focus-visible{border-color:#2870bd;outline:2px solid #2870bd;outline-offset:2px}form .identity__inputs .firstName__content .field-error,form .identity__inputs .lastName__content .field-error,form .identity__inputs .email__content .field-error,form .identity__inputs .phone__content .field-error,form .contact__details__imputs .firstName__content .field-error,form .contact__details__imputs .lastName__content .field-error,form .contact__details__imputs .email__content .field-error,form .contact__details__imputs .phone__content .field-error{color:#a70b0b;margin-top:5px;font-size:14px}form .message__content{display:flex;flex-direction:column;margin-bottom:10px}@media (min-width: 768px){form .message__content{margin-bottom:15px}}form .message__content label{color:#c2e6ff;margin-bottom:5px}@media (min-width: 768px){form .message__content label{margin-bottom:10px}}form .message__content label .red__star{color:#a70b0b}form .message__content textarea{background-color:#0d2847;border:none;border-radius:15px;padding:7px;color:#c2e6ff}@media (min-width: 768px){form .message__content textarea{padding:10px}}form .message__content textarea::placeholder{font-size:14px}form .message__content textarea:focus-visible{border-color:#2870bd;outline:2px solid #2870bd;outline-offset:2px}form .message__content .field-error{color:#a70b0b;margin-top:5px;font-size:14px}form .consent__content{display:flex;align-items:flex-start}form .consent__content input{background-color:#0d2847;border-radius:15px;color:#c2e6ff;margin-top:4px}form .consent__content input:focus-visible{border-color:#2870bd;outline:2px solid #2870bd;outline-offset:2px}form .consent__content .consent__text{margin-left:8px}form .consent__content .consent__text label{color:#c2e6ff;font-size:12px}form .consent__content .consent__text button{display:inline;background-color:transparent;border:none;color:#c2e6ff;font-size:12px;padding:0;text-decoration:underline}form .consent__content .consent__text button:hover{cursor:pointer}form .consent__content .consent__text p.consent-help{color:#c2e6ff;font-size:12px;line-height:1.5;margin-top:5px}form .consent__content .consent__text .field-error{color:#a70b0b;margin-top:5px;font-size:14px}form .send__content{width:50%;align-self:flex-start;margin-top:20px}@media (min-width: 920px){form .send__content{width:30%}}form .send__content button{width:100%;display:flex;align-items:center;justify-content:center;background-color:#0d2847;border-radius:10px;padding:10px;border:none;color:#c2e6ff;text-align:center;cursor:pointer}@media (min-width: 768px){form .send__content button{padding:8px}}@media (min-width: 1024px){form .send__content button{padding:10px}}@media (min-width: 1200px){form .send__content button{padding:12px}}@media (min-width: 1400px){form .send__content button{padding:15px;font-size:18px}}form .send__content button:hover{background-color:#003362}form p.required__fields{color:#c2e6ff;margin:10px 0;font-size:14px}form p.required__fields .red__star{color:#a70b0b}form p.form-success{color:#055e05;margin:20px 0}.modal__backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:5000;padding:2rem}.modal__backdrop .modal__dialog{width:90%;max-width:700px;max-height:90vh;background-color:#11131f;border-radius:15px;box-shadow:0 10px 30px #000;padding:30px;overflow-y:auto}@media (min-width: 768px){.modal__backdrop .modal__dialog.project__dialog{padding:30px 60px}}.modal__backdrop .modal__dialog h2{color:#70b8ff}.modal__backdrop .modal__dialog .modal__body{margin-bottom:50px}.modal__backdrop .modal__dialog .modal__body p{color:#c2e6ff;line-height:1.5;font-size:14px}@media (min-width: 920px){.modal__backdrop .modal__dialog .modal__body p{font-size:16px}}.modal__backdrop .modal__dialog .modal__body p a{color:#c2e6ff;font-weight:700}.modal__backdrop .modal__dialog .modal__body p a:hover{cursor:pointer}.modal__backdrop .modal__dialog .modal__body p a:focus-visible{border-color:#2870bd;outline:2px solid #2870bd;outline-offset:2px}.modal__backdrop .modal__dialog .close__modal{width:50%;align-self:flex-start;margin-top:20px}@media (min-width: 920px){.modal__backdrop .modal__dialog .close__modal{width:30%}}.modal__backdrop .modal__dialog .close__modal button{width:100%;display:flex;align-items:center;justify-content:center;background-color:#0d2847;border-radius:10px;padding:10px;border:none;color:#c2e6ff;text-align:center;cursor:pointer}@media (min-width: 768px){.modal__backdrop .modal__dialog .close__modal button{padding:8px}}@media (min-width: 1024px){.modal__backdrop .modal__dialog .close__modal button{padding:10px}}@media (min-width: 1200px){.modal__backdrop .modal__dialog .close__modal button{padding:12px}}@media (min-width: 1400px){.modal__backdrop .modal__dialog .close__modal button{padding:15px;font-size:18px}}.modal__backdrop .modal__dialog .close__modal button:hover{background-color:#003362}.modal__backdrop .modal__dialog .close__modal button:focus-visible{border-color:#2870bd;outline:2px solid #2870bd;outline-offset:2px}.modal__backdrop .modal__dialog button.modal__close{background-color:#0d2847;border:none;border-radius:15px;margin-bottom:10px}.modal__backdrop .modal__dialog button.modal__close:hover{background-color:#003362}.modal__backdrop .modal__dialog button.modal__close svg{color:#304384;font-size:30px}.modal__backdrop .modal__dialog .modal__cover img{width:100%;height:200px;object-fit:cover;object-position:top}@media (min-width: 920px){.modal__backdrop .modal__dialog .modal__cover img{height:250px}}@media (min-width: 1024px){.modal__backdrop .modal__dialog .modal__cover img{height:300px}}@media (min-width: 1200px){.modal__backdrop .modal__dialog .modal__cover img{height:350px}}.modal__backdrop .modal__dialog h3{font-size:20px;color:#70b8ff;margin:15px 0}@media (min-width: 920px){.modal__backdrop .modal__dialog h3{font-size:22px}}@media (min-width: 1200px){.modal__backdrop .modal__dialog h3{font-size:24px}}.modal__backdrop .modal__dialog .project__details{display:flex;flex-direction:column;gap:30px}@media (min-width: 768px){.modal__backdrop .modal__dialog .project__details{flex-direction:row;justify-content:space-between}}@media (min-width: 768px){.modal__backdrop .modal__dialog .project__details .skills__content{width:50%}}.modal__backdrop .modal__dialog .project__details .skills__content ul{padding:0;display:flex;gap:10px;flex-direction:column}.modal__backdrop .modal__dialog .project__details .skills__content ul li{color:#c2e6ff}.modal__backdrop .modal__dialog .project__details .more__content{display:flex;flex-direction:column;gap:15px}@media (min-width: 768px){.modal__backdrop .modal__dialog .project__details .more__content{width:50%;justify-content:space-between}}.modal__backdrop .modal__dialog .project__details .more__content .links__container{display:flex;flex-direction:column;gap:15px;margin-top:30px}.modal__backdrop .modal__dialog .project__details .more__content .links__container .cta__container{width:auto!important}.modal__backdrop .modal__dialog .project__details .more__content .links__container .project__warning{font-size:14px;color:#f69e9e}.scroll__btn{position:fixed;bottom:30px;right:5px;background-color:#0d284766;border:none;padding:10px;border-radius:15px;cursor:pointer;pointer-events:none;opacity:0;transition:opacity .3s ease,transform .3s ease}@media (min-width: 768px){.scroll__btn{right:10px}}@media (min-width: 1024px){.scroll__btn{right:15px}}@media (min-width: 1200px){.scroll__btn{right:30px}}.scroll__btn.scroll__btn__off{opacity:0;pointer-events:none}.scroll__btn.scroll__btn__on{opacity:1;pointer-events:auto}.scroll__btn svg{color:#2870bd;font-size:20px}@media (min-width: 1200px){.scroll__btn svg{font-size:24px}}.scroll__btn svg:hover{transform:translateY(-3px)}