results-summary

Also, regarding the circle not working properly here are a few ways to fix the issue:

you can try from some of the examples below:

code that's required in html

div class="insert-name"></div>

or

<span class="insert-name"></span>

then in your css styles file use the following properties:

.insert-name {
  width: 150px;
  height: 150px;
  background: linear-gradient(180deg, hsla(256, 72%, 46%, 1), hsla(241, 72%, 46%, 0));
  border-radius: 50%;
  display: inline-block;

you can adjust some of the properties to your needs of course like the width, height and colors etc...

let me know if this helped good luck and have fun :)

Good work TianYeCal!

I have a suggestion that might help you.

in your styles css file you can add the hover effect on the continue button, just below your button styles add the following code:

.btn-continue:hover {
  background-image: linear-gradient(#7857ff, #2e2be9);
  cursor: pointer;
}

hope this helps and have fun coding :)