select[size="1"],
#activeView div,
select[size="1"] option {
    background-color: #fff;
}
body,
select[size="1"] option:hover {
    background-color: #f2f2f2;
}
#progressContainer {
    margin-top: 15pt;
}
body {
    font-family: "Montserrat", sans-serif;
}
#activeView div,
select[size="1"] option,
select[size="1"] {
    border-left-width: 0.75pt;
}
#activeView div,
select[size="1"],
select[size="1"] option {
    border-bottom-width: 0.75pt;
}
body {
    font-size: 12pt;
    height:100%;
}
body,
h1 {
    color: #333;
}
h1 {
    font-size: 36pt;
}
select[size="1"] option,
select[size="1"],
#activeView div {
    border-right-width: 0.75pt;
}
#activeView div,
select[size="1"] option,
select[size="1"] {
    border-top-width: 0.75pt;
}
select[size="1"] option,
select[size="1"] {
    border-left-style: solid;
}
select[size="1"] option,
select[size="1"] {
    border-bottom-style: solid;
}
select[size="1"] option,
select[size="1"] {
    border-right-style: solid;
}
select[size="1"] option,
select[size="1"] {
    border-top-style: solid;
}
select[size="1"] {
    border-left-color: #ccc;
}
h1 {
    margin-top: 0;
}
h1 {
    margin-bottom: 20px;
}
select[size="1"],
select[size="1"] option {
    border-bottom-color: #ccc;
}
button {
    background-color: #333;
}
button {
    color: #fff;
}
select[size="1"] option,
select[size="1"] {
    border-right-color: #ccc;
}
#progressBar,
button {
    border-left-width: medium;
}
#progressBar,
button {
    border-bottom-width: medium;
}
select[size="1"] option,
select[size="1"] {
    border-top-color: #ccc;
}
button,
#progressBar {
    border-right-width: medium;
}
#progressBar,
select[size="1"] {
    width: 100%;
}
select[size="1"] {
    border-image: none;
}
select[size="1"],
button {
    border-radius: 5px;
}
button,
#progressBar {
    border-top-width: medium;
}
select[size="1"] {
    padding-left: 0.3125pc;
}
#progressBar {
    height: 0.208333333in;
}
#progressBar,
button {
    border-left-style: none;
}
#progressBar,
button {
    border-bottom-style: none;
}
#progressBar,
button {
    border-right-style: none;
}
#progressBar,
button {
    border-top-style: none;
}
button,
#progressBar {
    border-left-color: currentColor;
}
select[size="1"] {
    padding-bottom: 0.3125pc;
}
button,
#progressBar {
    border-bottom-color: currentColor;
}
select[size="1"] {
    padding-right: 0.3125pc;
}
select[size="1"] {
    padding-top: 0.3125pc;
}
select[size="1"] {
    font-size: 0.135416667in;
}
#progressBar,
button {
    border-right-color: currentColor;
}
#progressBar,
button {
    border-top-color: currentColor;
}
#activeView div {
    border-left-style: solid;
}
select[size="1"] {
    color: #333;
}
#activeView div {
    border-bottom-style: solid;
}
.p.judul-isi,
[class~="content"] {
    text-align: center;
}
#progressBar,
button {
    border-image: none;
}
#activeView div {
    border-right-style: solid;
}
#activeView div,
select[size="1"] option {
    border-left-color: #ccc;
}
button {
    padding-left: 15pt;
}
#activeView div {
    border-top-style: solid;
}
select[size="1"] {
    height: 40px;
}
select[size="1"] {
    appearance: none;
}
#activeView div {
    border-bottom-color: #ccc;
}
#activeView div {
    border-right-color: #ccc;
}
select[size="1"] {
    -webkit-appearance: none;
}
button,
#activeView div {
    padding-bottom: 7.5pt;
}
select[size="1"] {
    -moz-appearance: none;
}
select[size="1"] {
    background-image: url("data:image/svg xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path fill='#333' d='M4 5L0 0h8z'/></svg>");
}
button {
    padding-right: 15pt;
}
select[size="1"] {
    background-repeat: no-repeat;
}
select[size="1"] option {
    border-image: none;
}
select[size="1"] {
    background-position: right 7.5pt center;
}
select[size="1"] option,
#progressBar,
#activeView div {
    border-radius: 0.3125pc;
}
select[size="1"] {
    background-size: 6pt 5px;
}
button,
#activeView div {
    padding-top: 7.5pt;
}
#progressBar {
    background: linear-gradient(to right, #007bff, #0f0);
}
button:hover {
    background-color: #555;
}
#activeView div {
    border-top-color: #ccc;
}
#progressText,
button {
    font-size: 1pc;
}
button {
    cursor: pointer;
}
select[size="1"] option {
    padding-left: 3.75pt;
}
#activeView div {
    border-image: none;
}
select[size="1"] option {
    padding-bottom: 3.75pt;
}
#progressBar {
    animation: progress 2s ease-in-out forwards;
}
select[size="1"] option {
    padding-right: 3.75pt;
}
#progressText {
    position: absolute;
}
select[size="1"] option {
    padding-top: 3.75pt;
}
select[size="1"] option {
    font-size: 0.8125pc;
}
#progressText {
    top: 50%;
}
#progressText {
    left: 50%;
}
#activeView div {
    padding-left: 0.104166667in;
}
#progressText {
    transform: translate(-50%, -50%);
}
.p.judul-isi,
#progressText {
    font-weight: bold;
}
#activeView div {
    padding-right: 0.104166667in;
}
select[size="1"] option,
#progressText {
    color: #333;
}
select[size="1"] option:checked {
    background-color: #ccc;
}
#activeView {
    margin-top: 15pt;
}
.p.judul-isi {
    font-size: 0.208333333in;
}
#activeView div {
    margin-bottom: 0.104166667in;
}
.p.judul-isi {
    font-family: sans-serif;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
select,
#activeView div,
#progressBar,
button,
body {
    animation: fadeIn 2s;
}