*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f7fb;width:100%;height:100vh;justify-content:center;flex-direction:column}#app,.progressBar{display:flex;align-items:center}.progressBar{position:relative;justify-content:space-between;width:350px}.barContainer{position:absolute;width:100%;height:4px;background-color:#e0e0e0;z-index:1}.bar{position:absolute;width:5%;height:100%;background-color:#3498db}.bar,.etape{transition:.4s ease}.etape{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:#fff;font-weight:700;color:#999;border:3px solid #e0e0e0;z-index:2}.etape.active{border:3px solid #3498db}.bouton{width:90px;height:35px;background-color:#3498db;color:#fff;border-radius:7px;border:none;margin-top:50px;margin:35px 0 0 0;outline:none;cursor:pointer;transition:all .1s ease-in-out;transform:scale(1)}.bouton.prev{margin-right:10px;background-color:#e0e0e0}.bouton:active{transform:scale(.96)}@media screen and (max-width:370px){.progressBar{width:280px}}