MCQ Quiz
Quiz 3
Time Left: 60:00
Question 1 of 3
Question will appear here
Hide Questions
h1 {
text-align: center;
}
.timer {
text-align: cen0ter;
font-size: 1.2em;
color: #ff0000;
margin-bottom: 10px;
}
.question-number {
text-align: center;
font-size: 1em;
margin-bottom: 20px;
color: #555;
}
.question-box {
border: 1px solid #007bff;
border-radius: 8px;
padding: 15px;
background-color: #ffffff;
margin-bottom: 20px;
}
.question {
margin: 0 0 10px;
font-size: 1.2em;
font-weight: bold;
}
.corrects {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.corrects button {
padding: 15px;
font-size: 1em;
text-align: left;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #f0f0f0;
cursor: pointer;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.corrects button:hover {
background-color: #007bff;
color: #fff;
}
.corrects button.selected {
background-color: #007bff;
color: #fff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.buttons {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
}
.btn {
padding: 10px 20px;
background-color: #007BFF;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
}
.btn:disabled {
background-color: #ccc;
cursor: not-allowed;
}
.btn:hover:not(:disabled) {
background-color: #0056b3;
}
.result {
text-align: center;
font-size: 1.2em;
margin-top: 20px;
border: 2px solid #007bff;
border-radius: 8px;
padding: 15px;
background-color: #f5f5f5;
}
.retake-btn {
margin-top: 20px;
padding: 10px 20px;
background-color: #ff4d4d;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
}
.retake-btn:hover {
background-color: #cc0000;
}
.nav-btn {
padding: 10px;
margin: 5px;
font-size: 1em;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.nav-btn.unvisited {
background-color: white;
}
.nav-btn.visited {
background-color: red;
}
.nav-btn.attempted {
background-color: green;
color: white;
}
.nav-btn:hover {
background-color: #007bff;
color: white;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
#toggle-nav {
background-color: black;
color: white;
text-align: center;
padding: 10px 20px;
border: none;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
display: block;
margin: 20px auto;
}
Quiz 3
Time Left: 60:00
Question 1 of 3
Question will appear here
Hide Questions