diff --git a/styles.css b/styles.css index 594f92a..f28fc0e 100644 --- a/styles.css +++ b/styles.css @@ -47,71 +47,4 @@ body { } /* Estilo del cuestionario */ -#quiz-container { - position: absolute; - top: 10px; - left: 10px; - transform: translateX(-50%); - text-align: center; - display: none; - max-height: 90vh; - width: 100%; - padding: 20px; - background-color: white; - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); - border-radius: 10px; - overflow-y: auto; -} - -#quiz-container h3 { - font-size: 24px; - margin-bottom: 20px; - color: #333; -} - -#quiz-container form { - display: flex; - flex-direction: column; - gap: 15px; - align-items: center; -} - -#quiz-container label { - font-size: 16px; - color: #333; - margin-bottom: 5px; -} - -#quiz-container input { - width: 100%; - max-width: 150px; - padding: 10px; - font-size: 16px; - border: 1px solid #ccc; - border-radius: 5px; -} - -#quiz-container input[type="number"] { - width: 60px; -} - -#quiz-container button { - margin-top: 20px; - padding: 10px 20px; - font-size: 16px; - cursor: pointer; - background-color: #4CAF50; - color: white; - border: none; - border-radius: 5px; -} - -#quiz-container button:hover { - background-color: #45a049; -} - -/* Estilo del canvas */ -#canvas { - display: block; - margin: 0 auto; -} +#quiz