Kids' Placement Test

bottom of page

a:active, a:focus { color: #F6A88C !important; /* Peach-orange */ } #helpButton { position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; border-radius: 50%; background-color: #3B82F6; color: white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); z-index: 1000; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 24px; transition: all 0.3s ease; } #helpButton:hover { background-color: #2563EB; transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); } /* Progress Bar Styles */ #progressBar { width: 100%; height: 8px; background-color: #E5E7EB; border-radius: 4px; overflow: hidden; margin-bottom: 10px; } #progressFill { height: 100%; background-color: #10B981; transition: width 0.5s ease; border-radius: 4px; } #progressText { font-size: 14px; color: #6B7280; text-align: center; margin-top: 5px; }