|
|
@@ -1,9 +1,9 @@ |
|
|
|
.question-box { |
|
|
|
.box { |
|
|
|
display: block; |
|
|
|
background: hsl(0, 0%, 85%); |
|
|
|
height: fit-content; |
|
|
|
width: fit-content; |
|
|
|
padding: 5em 10em; |
|
|
|
padding: 2em 5em; |
|
|
|
margin: 2em auto auto; |
|
|
|
border-radius: .5em; |
|
|
|
} |
|
|
@@ -22,3 +22,26 @@ |
|
|
|
min-width: 3.5em; |
|
|
|
margin: 0.5em; |
|
|
|
} |
|
|
|
|
|
|
|
.loading-icon { |
|
|
|
-webkit-animation: spin 2s linear infinite; |
|
|
|
-moz-animation: spin 2s linear infinite; |
|
|
|
animation: spin 2s linear infinite; |
|
|
|
width: 3em; |
|
|
|
height: 3em; |
|
|
|
} |
|
|
|
|
|
|
|
.center { |
|
|
|
display: block; |
|
|
|
margin: auto; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
@keyframes spin { |
|
|
|
from { |
|
|
|
transform: rotate(0deg); |
|
|
|
} |
|
|
|
to { |
|
|
|
transform: rotate(360deg); |
|
|
|
} |
|
|
|
} |