CSS questionario adaptado

style.css

@@ -101,6 +101,11 @@ button {
   float: right;
 }
 
+#next-button {
+  border: #ffffff 1px solid;
+  border-radius: 1em;
+}
+
 #start-button {
   position: absolute;
   transform: translate(-50%, -50%);
@@ -115,7 +120,7 @@ button {
 }
 
 #display-container {
-  background-color: #ffffff;
+  background-color: #155AA2;
   padding: 3.1em 1.8em;
   width: 80%;
   max-width: 47.5em;
@@ -124,7 +129,10 @@ button {
   transform: translate(-50%, -50%);
   top: 44%;
   left: 42%;
-  border-radius: 0.6em;
+  border-radius: 1.5em;
+}
+.number-of-count {
+  color: white;
 }
 .header {
   margin-bottom: 1.8em;
@@ -135,7 +143,7 @@ button {
   border-bottom: 0.1em solid #c0bfd2;
 }
 .timer-div {
-  background-color: #e1f5fe;
+  background-color: #ffffff;
   width: 7.5em;
   border-radius: 1.8em;
   display: flex;
@@ -146,28 +154,31 @@ button {
 .theme {
   margin-bottom: 1.25em;
   font-weight: 600;
-  font-size: 1.1em;
-  color:#0454A1;
+  font-size: 1em;
+  color:#ffffff;
 }
 .question {
   margin-bottom: 1.25em;
   font-weight: 600;
+  color: #ffffff;
+  font-size: 1.3em;
 }
 .option-div {
-  font-size: 0.9em;
+  font-size: 1em;
   width: 100%;
   padding: 1em;
   margin: 0.3em 0;
   text-align: left;
   outline: none;
-  background: transparent;
+  /* background: transparent; */
   border: 1px solid #c0bfd2;
-  border-radius: 0.3em;
+  border-radius: 1em;
 }
 .option-div:disabled {
-  color: #000000;
+  /* color: #ffffff; */
   cursor: not-allowed;
 }
+
 .hide {
   display: none;
 }