Quiz coin games

HTML-CSS
1
SmartQuiz

SmartQuiz

Next Question

Score: 0

body { font-family: Arial, sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }

#quiz-container {
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 10px 0px #aaa;
padding: 20px;
max-width: 400px;
width: 100%;
text-align: center;
}

h1 {
font-size: 2em;
margin-bottom: 20px;
}

#question-container {
margin-bottom: 20px;
}

.btn-container {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}

.btn {
padding: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
}

.btn:hover {
background-color: #0056b3;
}

.control-btn {
padding: 10px 20px;
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
margin-top: 10px;
}

.control-btn:hover {
background-color: #218838;
}

#score-container {
margin-top: 20px;
font-size: 1.2em;
}

2

Do you have a question?