header{display:flex;justify-content:space-around;align-items:center;height:60px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}header .logo img{vertical-align:middle}body{background-color:#eeefff}.content{display:flex;flex-direction:column;padding:0 20px}.content .steps{display:flex;flex-direction:row;justify-content:center;align-items:center}.content .steps-done .step{background-color:#b5f6b5}.content .steps-todo .step{background-color:#c2cbf6}.content .current-step{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;min-height:calc(100vh - 400px)}.content .step{display:flex;flex-direction:column;align-items:center;margin:10px;border:1px solid #ccc;width:100px;height:100px;padding:10px;border-radius:5px}.content .step .step-number{flex:1;justify-content:flex-start}.content .step .step-title{flex:2;justify-content:center;text-align:center}