body,html{margin:0;font-family:Avenir;-webkit-box-sizing:border-box;box-sizing:border-box}a{color:#fff;text-decoration:none;text-transform:uppercase}header{z-index:10;position:fixed;top:0;display:flex;align-items:center;justify-content:flex-start;padding:30px;height:8vh;width:100vw;border-radius:0 0 40px 40px;background-image:-webkit-gradient(linear,left top,right bottom,from(#a143ff),to(#348aff));background-image:-webkit-linear-gradient(left top,#a143ff,#348aff);background-image:linear-gradient(to right bottom,#a143ff,#348aff);-webkit-box-shadow:5px 5px 20px 0 rgba(119,129,189,.75);box-shadow:5px 5px 20px 0 rgba(119,129,189,.75);-webkit-animation:reduction 4s ease;animation:reduction 4s ease}header p{padding-left:30px;color:#fff;font-weight:700;-webkit-animation:bouge;animation:bouge}@-webkit-keyframes reduction{0%{height:100vh;justify-content:center}25%{height:100vh;justify-content:center}to{height:8vh;justify-content:flex-start}}@keyframes reduction{0%{height:100vh;justify-content:center}25%{height:100vh;justify-content:center}to{height:8vh;justify-content:flex-start}}@-webkit-keyframes bouge{0%{margin-top:50%;margin-left:50%;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}25%{margin-top:50%;margin-left:50%;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}to{margin-top:0;margin-left:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}}@keyframes bouge{0%{margin-top:50%;margin-left:50%;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}25%{margin-top:50%;margin-left:50%;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}to{margin-top:0;margin-left:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}}.allstep{margin-top:200px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;width:50%;text-align:center;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}.onestep{background-color:#a143ff;padding:20px;border-radius:50px;border:1px #348aff;width:20px;text-align:center;font-weight:700;margin:auto}.onestep_active{background-color:#348aff}form{margin:30px;background-color:rgba(52,137,255,.3137254901960784);padding:30px;border-radius:20px}label{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}input{padding:10px;border-radius:5px;border:none;background-color:#e7e7e7;width:20vw}.deux{display:flex;justify-content:space-around;padding-right:30px;width:100%;margin:10px 0}button{display:inline-block;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:10px 15px;color:#fff;background-image:-webkit-gradient(linear,left top,right bottom,from(#a143ff),to(#348aff));background-image:-webkit-linear-gradient(left top,#a143ff,#348aff);background-image:linear-gradient(to right bottom,#a143ff,#348aff);border:none;border-radius:10px;-webkit-box-shadow:5px 5px 20px 0 rgba(119,129,189,.75);box-shadow:5px 5px 20px 0 rgba(119,129,189,.75)}.continuer{margin-right:20%}.retour{margin-left:20%;color:#000;background-image:-webkit-gradient(linear,left top,right bottom,from(#c5aee9),to(#8cf));background-image:-webkit-linear-gradient(left top,#c5aee9,#8cf);background-image:linear-gradient(to right bottom,#c5aee9,#8cf)}.retour:hover{background-image:-webkit-gradient(linear,left top,right bottom,from(#a143ff),to(#348aff));background-image:-webkit-linear-gradient(left top,#a143ff,#348aff);background-image:linear-gradient(to right bottom,#a143ff,#348aff)}