@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

* {
    font-family: "Poppins", sans-serif;
}

html, body {
    height: 100%!important;
    background-color: #000;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background-color: #ffff00!important;
    color: #000!important;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    color: #777!important;
    background-color: lemonchiffon!important;
}

.steps > ul > li {
    display: block;
    width: 20% !important;
}

@media (min-width: 768px) {
    .steps > ul > li {
        display: block;
        width: 20%!important;
    }
}

#wizard {
    overflow: auto;
}

.wizard > .content {
    background-color: unset!important;
}

.wizard > .content > .body {
    position: relative!important;
    width: 100%!important;
}

.wizard > .steps .number {
    display: none!important;
}

.wizard > .steps > ul > li {
    text-align: center!important;
}

.wizard > .actions {
    padding-bottom: 50px!important;
}

li {
    margin-bottom: 20px;
}

ol {
    list-style-position: inside;
    margin-left: 0!important;
    padding-left: 0!important;
}

.pillText {
    font-size: 14px;
}

.l2button {
    background-color: #FFFF00;
    font-weight: bolder;
    height: 65px;
    font-size: 2rem;
}

.l2button:active {
    background-color: #FFFF00!important;
    font-weight: bolder;
    height: 65px;
    font-size: 2rem;
}