*{margin:0;padding:0}.section-parcours{display:flex;flex-direction:row;max-width:1500px;width:100%;margin-top:0;align-items:center}.section-parcours .container{display:flex;flex-direction:column;gap:50px;max-width:890px;position:absolute;z-index:9;margin-left:80px}.section-parcours .container__content{display:flex;flex-direction:column;gap:25px}.section-parcours .container__tag{display:flex;gap:10px}.section-parcours .container__illustration{width:100%;display:flex;justify-content:end}.section-parcours .container__illustration .illustration-parcours{height:750px}.section-outils-about{display:flex;flex-direction:row;justify-content:center;margin-bottom:50px;gap:30px}.section-outils-about__logo{display:flex;flex-direction:column;align-items:center;gap:5px;transform:translateY(0);transition:ease-in-out .45s;font-weight:500;opacity:.7}.section-outils-about__logo img{height:50px}.section-outils-about__logo p{color:#cca9ff}.section-outils-about__logo:hover{transform:translateY(-15px);transition:ease-in-out .2s;opacity:1}.section-devis{margin-bottom:100px;display:flex;flex-direction:column;align-items:center}.section-devis__card{display:flex;flex-direction:row;gap:50px;margin-bottom:50px}.section-devis .container-card{width:300px;padding-top:72px!important;padding-bottom:72px!important}.section-devis .container-card__texte--image{display:flex;justify-content:center}.section-devis .container-card__texte img{width:100px}.section-devis .container-card:hover{box-shadow:0 0 244px #9354f1;transition:ease-in-out .25s}#button,.footer-button{text-decoration:none;z-index:99;font-family:Inter,sans-serif;padding:12px 24px;border-radius:50px;font-size:16px;font-weight:600;transition:ease-in-out .25s;border:none;cursor:pointer}#button:hover{box-shadow:0 0 25px #95f;transition:ease-in-out .25s}#button{display:flex;width:max-content}.main-button{background-color:#cca9ff;color:#0d006e}.main-button:hover{background-color:#d8beff;color:#030019}.second-button{color:#cca9ff;border:2px solid #CCA9FF!important}.second-button:hover{color:#d8beff;border:2px solid #B684FF}.nav-link-active{color:#d8beff}.footer-button{color:#b684ff}.footer-button:hover{color:#d8beff}.navbar{display:flex;justify-content:space-between;align-items:center;padding:9px 18px;box-sizing:border-box;width:100%;position:fixed;top:0;z-index:999;background:linear-gradient(to right,#01003d,#2f0059)}.background-header{height:200px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#01003d,#2f0059);margin-top:72px}footer{background:linear-gradient(to right,#01003d,#2f0059)}footer .container-footer{display:flex;justify-content:space-between;align-items:center;margin-left:18px;margin-right:18px;padding-top:18px;padding-bottom:18px}.navbar-sticky{display:flex;gap:20px;align-items:center;justify-content:center;height:72px;position:sticky;z-index:9999;top:0;margin-left:300px;margin-right:300px}.navbar-sticky a{text-decoration:none;color:#b684ff;font-weight:500;padding:8px 16px;font-family:Inter,sans-serif;transition:ease-in-out .25s;border:2px solid transparent;border-radius:50px}.navbar-sticky a:hover{border:2px solid #B684FF;color:#d8beff;border-radius:50px;transition:ease-in-out .25s;box-shadow:0 0 25px #95f}.navbar-sticky a.active{border:2px solid #D8BEFF;border-radius:50px;color:#d8beff;box-shadow:0 0 25px #95f}.tag{display:flex;gap:5px;align-items:center;justify-content:center;border-radius:5px;padding:3px 12px;width:fit-content;background-color:#f0a4ff;transition:ease-in-out .15s}.tag:hover{transform:scale(1.06);box-shadow:0 0 50px -9px #f0a4ff;background-color:#f1b3fd}.div-animation .container-card,.section-devis .container-card{display:flex;align-items:center;gap:50px;padding:36px 72px;max-width:890px;margin-left:18px;margin-right:18px;border-radius:20px;border:1px solid #B684FF;background:linear-gradient(to right,#040321,#1a0022)}.div-animation .container-card__texte,.section-devis .container-card__texte{display:flex;flex-direction:column;gap:25px;overflow:hidden;align-items:flex-start}.div-animation .container-card__banner,.section-devis .container-card__banner{display:flex;gap:25px}.banner-logo-horizontal{display:flex;gap:25px}.banner-logo-horizontal img{height:42px}@keyframes defilement{0%{transform:translate(0)}to{transform:translate(-50%)}}.conteneur__liste-image-defilement{width:100%}.conteneur__liste-image-defilement .liste-image-defilement{display:inline-flex;animation:defilement 20s linear infinite;gap:25px;padding-right:25px}.conteneur__liste-image-defilement .liste-image-defilement .image-defilement{height:42px}.section-introduction{display:flex;flex-direction:column;gap:40px;margin-top:80px}.container__buttons{display:flex;gap:25px}.section-outils{display:flex;align-items:center;gap:40px;flex-direction:column;margin-bottom:0}.section-outils .container__mes-outils{display:flex;gap:25px;flex-wrap:wrap;justify-content:center;max-width:890px}.section-form{display:flex;flex-direction:row;margin-bottom:90px;margin-top:50px;justify-content:center;width:100%}.section-form .illustration{width:600px;position:relative;right:0}.section-form__texte-form{display:flex;flex-direction:column;gap:50px;width:50%;margin-left:18px}.section-form__texte-form .texte{display:flex;flex-direction:column;gap:25px}.section-form__texte-form form{display:flex;flex-direction:column;width:100%;gap:25px;align-items:start}body.active-modal{overflow-y:hidden}.modal,.overlay{width:100vw;height:100vh;inset:0;position:fixed;z-index:99999;overflow:hidden!important}.modal .overlay,.overlay .overlay{background:#04010c;opacity:.8}.modal .modal__content::-webkit-scrollbar,.overlay .modal__content::-webkit-scrollbar{display:none}.modal .modal__content,.overlay .modal__content{position:absolute;line-height:1.4;width:400px;height:520px;z-index:999999;overflow-y:scroll;inset:0;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px}.modal .modal__content img,.overlay .modal__content img{width:100px}.modal .close-modal,.overlay .close-modal{position:absolute;top:10px;right:10px;display:flex;background:none;border:none;padding:6px 11px!important}.modal .info-modal__container,.overlay .info-modal__container{padding:36px 72px}.info-modal__react{background-color:#000f11;box-shadow:0 0 250px #00d8ff}.info-modal__react h2,.info-modal__react p{color:#daf9ff}.info-modal__redux{background-color:#0d0021;box-shadow:0 0 250px #7f4fcb}.info-modal__redux h2,.info-modal__redux p{color:#e8daff}.info-modal__javascript{background-color:#0b0800;box-shadow:0 0 250px #ffc300}.info-modal__javascript h2,.info-modal__javascript p{color:#fffaea}.info-modal__notion{background-color:#0b0b0b;box-shadow:0 0 250px #f5f5f5}.info-modal__notion h2,.info-modal__notion p{color:#f5f5f5}.info-modal__github{background-color:#0b0b0b;box-shadow:0 0 250px #f5f5f5}.info-modal__github h2,.info-modal__github p{color:#f5f5f5;transition:ease-in-out .25s}.info-modal__ia{background:#0f0500;box-shadow:0 0 250px #ffcfaf}.info-modal__ia h2,.info-modal__ia p{color:#f5f5f5;transition:ease-in-out .25s}.info-modal__sass{background-color:#100008;box-shadow:0 0 250px #cb6699}.info-modal__sass h2,.info-modal__sass p{color:#ffdaed;transition:ease-in-out .25s}.info-modal__figma{background-color:#000617;box-shadow:0 0 250px #cca9ff}.info-modal__figma h2,.info-modal__figma p{color:#f3eaff;transition:ease-in-out .25s}.button__default{height:162px;width:162px;display:flex;flex-direction:column-reverse;gap:10px;justify-content:center;border:2px solid #CCA9FF;border-radius:15px;background-color:#030019;transition:ease-in-out .25s;color:#cca9ff;cursor:pointer}.button__default img{height:50px}.button__default:hover{transition:ease-in-out .25s}.button__react:hover{background-color:#000f11;box-shadow:0 0 25px #00d8ff}.button__react:hover:hover h3{color:#daf9ff;transition:ease-in-out .25s}.button__redux:hover{background-color:#10002a;box-shadow:0 0 25px #7f4fcb}.button__redux:hover:hover h3{color:#e8daff;transition:ease-in-out .25s}.button__javascript:hover{background-color:#0b0800;box-shadow:0 0 25px #ffc300}.button__javascript:hover:hover h3{color:#fffaea;transition:ease-in-out .25s}.button__notion:hover{background-color:#0b0b0b;box-shadow:0 0 25px #f5f5f5}.button__notion:hover:hover h3{color:#f5f5f5;transition:ease-in-out .25s}.button__github:hover{background-color:#0b0b0b;box-shadow:0 0 25px #f5f5f5}.button__github:hover:hover h3{color:#f5f5f5;transition:ease-in-out .25s}.button__ia:hover{background:#0f0500;box-shadow:0 0 25px #ffcfaf}.button__ia:hover:hover h3{color:#f5f5f5;transition:ease-in-out .25s}.button__sass:hover{background-color:#100008;box-shadow:0 0 25px #cb6699}.button__sass:hover:hover h3{color:#ffdaed;transition:ease-in-out .25s}.button__figma:hover{background-color:#000617;box-shadow:0 0 25px #cca9ff}.button__figma:hover:hover h3{color:#f3eaff;transition:ease-in-out .25s}.form-contact{margin-top:50px!important}form{display:flex;flex-direction:column;width:100%;gap:25px;align-items:center}form .container{display:flex;gap:8px;width:100%;flex-direction:column}form .container input,form .container textarea{width:100%;border:#B684FF 1px solid;border-radius:10px;background-color:#020013}form .container input:focus,form .container textarea:focus{border:#CCA9FF 1px solid;box-shadow:0 0 25px #95f}form .container label{width:64px;color:#b684ff}form .container__message{flex-direction:column;align-items:flex-start;height:100%}form .container__message label{width:100px}form .btn-submit{margin-top:6px;width:150px}form .message{display:flex;gap:16px;align-items:center}form .message img{width:32px}.spinner-container{display:flex;justify-content:center;align-items:center}.spinner-container .loading-spinner{border:6px solid #04051a;border-top:6px solid #CCA9FF;border-radius:50%;width:12px;height:12px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{background-color:#030019}main{display:flex;align-items:center;flex-direction:column;gap:100px}h1,h2,input,textarea,span{color:#cca9ff}p,h3{color:#b684ff}.tag__content{color:#411681;font-weight:600}.h1-frontend,h1{font-size:64px}h2{font-size:40px}h3{font-size:24px}input,textarea,span{font-size:15px}span{font-weight:500}.h1-frontend,h1,h2,h3,label{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.h1-design{font-family:Reenie Beanie,cursive;font-weight:400;font-style:normal;font-size:100px}p,input,textarea,.tag__content,span{font-family:Inter,sans-serif}input,textarea{padding:6px 12px;box-sizing:border-box;outline:none}textarea{resize:none;height:300px}@media(max-width:400px){.modal__content{width:98%!important}.modal__content .info-modal__container{padding:36px 48px}}@media(max-width:890px){.container-footer{flex-direction:column;gap:25px}.footer-button{padding-right:6px!important;padding-bottom:6px!important}.container-site-web__card{width:fit-content!important;height:300px!important;cursor:pointer}.container-site-web__card .background-shadow{width:100%!important}.container-site-web__button-tag{flex-direction:column;align-items:start!important;gap:20px}.container-site-web .flex-tag{flex-wrap:wrap}}@media(max-width:1080px){main{gap:50px;margin-left:9px;margin-right:9px}.container-footer,.navbar{padding:9px;z-index:9999}.container-footer img,.navbar img{height:40px}section{gap:20px;margin-top:50px}.h1-frontend{font-size:32px}.h1-design{font-size:48px}h2{font-size:32px}#button:not(.close-modal),a{font-size:14px;padding:9px 18px!important;z-index:99}.navbar-sticky{padding-top:66px;margin:0;z-index:99;background:linear-gradient(to right,#01003d,#2f0059);align-items:center;gap:5px;z-index:999}.background-header{display:none}.section-introduction{display:flex;align-items:center;width:100%;margin-top:50px}.div-animation{width:100%}.container-card{flex-direction:column;align-items:center;overflow:hidden;width:-moz-availabl10e;padding:48px 24px!important;margin:0!important}.container-card__texte{width:100%}.container-card__texte--image{display:none}.banner-logo-horizontal{flex-wrap:wrap}.liste-image-defilement{flex-direction:initial;height:50px}.section-form__texte-form{width:100%;margin:0}.section-form .illustration{display:none}.section-parcours{margin-top:50px;margin-bottom:50px}.section-parcours .container{position:initial;margin:0}.section-parcours .container__content{gap:20px}.section-parcours .container__tag{flex-wrap:wrap}.section-parcours .container__illustration{display:none}.section-outils-about{flex-wrap:wrap;margin-top:50px;margin-bottom:50px}.section-outils-about__logo{opacity:1}.section-devis{margin-bottom:80px;gap:20px}.section-devis .container-card{width:auto}.section-devis__card{flex-direction:column;gap:20px;margin-bottom:10px}.tag__content{font-size:14px}}.section-card-site-web{margin-bottom:80px;display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:80px}.section-card-site-web .parent{display:flex;gap:25px;flex-wrap:wrap;max-width:1300px;justify-content:center}.section-card-site-web .parent .container-site-web{display:flex;flex-direction:column;gap:15px;margin-bottom:50px}.section-card-site-web .parent .container-site-web__card{width:600px;height:350px;position:relative;overflow:hidden;border-radius:20px}.section-card-site-web .parent .container-site-web__card .background-image{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:opacity ease-in-out .25s}.section-card-site-web .parent .container-site-web__card .background-shadow{width:70%;height:100%;background:#000000b1;position:absolute;top:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-left-radius:20px;border-top-left-radius:20px;transform:translate(-100px);opacity:0;transition:transform cubic-bezier(.075,.82,.165,1) .5s,opacity ease-in-out .25s}.section-card-site-web .parent .container-site-web__card .background-shadow .texte{display:flex;flex-direction:column;gap:15px;padding-left:30px;padding-right:18px}.section-card-site-web .parent .container-site-web__card:hover .background-shadow,.section-card-site-web .parent .container-site-web__card.active .background-shadow{transform:translate(0);opacity:1}.section-card-site-web .parent .container-site-web__card:hover .background-image,.section-card-site-web .parent .container-site-web__card.active .background-image{opacity:.6}.section-card-site-web .parent .container-site-web__card:focus{outline:2px solid #D8BEFF}.section-card-site-web .parent .container-site-web__button-tag{display:flex;align-items:center;justify-content:space-between}.section-card-site-web .parent .container-site-web__button-tag .flex-tag{display:flex;gap:10px}.section-card-site-web .parent .container-site-web__button{display:flex;gap:10px;align-items:center}