Update Quiz Page

[26samaahmed]

Fix #1052

[netlify[bot]]

✅ Deploy Preview for acmcsuf ready!

Name	Link
🔨 Latest commit	59c76e1ebb25556d0f421ac51321132498b2cdbd
🔍 Latest deploy log	https://app.netlify.com/sites/acmcsuf/deploys/66342c3d6ba93500073a6481
😎 Deploy Preview	https://deploy-preview-1059--acmcsuf.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[JustinStitt]

Your PR description says "Fix https://github.com/EthanThatOneKid/acmcsuf.com/issues/1052" but https://github.com/EthanThatOneKid/acmcsuf.com/issues/1052 mentions updating more than just the UI: We need to update the data along with doing a redesign to fit with the style of the rest of the website.

I think a bit more detail in your PR descriptions can help reviewers understand what is going on. With that being said, and with Ethan's review, you're on the right track 👍 🦖

[26samaahmed]

I have fixed the buttons on the results page as well as increase the gap between the team tile. I also noticed that the progress bar for some teams disappears on mobile so I increased the padding for the team tiles to be responsive.

[karnikaavelumani]

TODO

• [x] Choice boxes should be a set size
• [x] Change the color of the choice boxes to be a darker color so the words pop out more (maybe it could be var(--acm-blue) while the buttons are var(--acm-bluer)
• [x] Remove glow effect and replace with a solid border on hover
• [x] Remove the general team, marketing team, special events team, and nodebuds team in the final results

[26samaahmed]

For removing general, marketing, nodebuds, and special events team tiles from quiz results, the only way I was able to remove them is by deleting them from the teams.json since that's where we're getting the data from. Is there another way to remove them without affecting the rest of the website or modifying the teams.json file? @karnikaavelumani @EthanThatOneKid

[26samaahmed]

I removed the glow effect on hover and replaced it with a border color. I also changed the background color to be more readable and made the height fixed.