#finishscreen{
  width: 700px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 20px;
  background: var(--window_background);
  border: solid 2px var(--window_border);
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

#finishright{
  display: flex;
  flex-direction: column;
}

#cpmchart{
  position: relative;
  max-height: 250px;
  max-width: 500px;
  min-width: 500px;
  left: 45px;
  top: 30px;
  margin-top: 35px;
}

#finishcpm{
  font-size: 40px;
  color: var(--text_color);
  margin-bottom: 0px;
}

#finishcorrect{
  font-size: 30px;
  color: green;
  margin-bottom: 0px;
  margin-top: 8px
}

#finishwrong{
  font-size: 30px;
  color: red;
  margin-top: 0px;
  margin-bottom: 8px
}

#finishtime{
  color: var(--text_color);
  margin-top: 15px;
  margin-bottom: 10px;
}

#finishrawcpm{
  margin-top: 0px;
  color: var(--text_color);
  font-size: 20px;
  opacity: 0.7;
}

#finishmode{
  margin-top: 0px;
  margin-bottom: 10px;
  color: var(--text_color);
}

#finishdifficulty{
  margin-top: 0px;
  color: var(--text_color);
}

#finishwronganswers{
  max-height: 160px;
  overflow-y: auto;
  margin-top: 20px;
  margin-left: 45px;
  padding-right: 8px;
}

.finishwronganswerstitle{
  color: var(--text_color);
  margin-top: 12px;
  margin-bottom: 6px;
  opacity: 0.7;
}

.finishwronganswer{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 12px;
  color: var(--text_color);
  font-family: var(--font_family);
  font-size: 14px;
  margin-bottom: 8px;
}

.finishwrongquestion{
  opacity: 0.75;
}

.finishwrongcorrect{
  color: green;
}

.finishwronginput{
  grid-column: 1 / 3;
  color: red;
  opacity: 0.75;
}

#nexttest{
  width: 100px;
  height: 50px;
  font-size: 18px;
}

.finishtext{
  font-family: var( --font_family);
}

@media screen and (max-width: 800px) {
  #finishscreen{
    flex-direction: column-reverse;
    width: 70% !important;
    padding-bottom: 40px;
  }

  #cpmchart{
    max-width: 90% !important;
    min-width: 90% !important;
    margin-left: -25px;
    margin-bottom: 30px;
  }

  #finishwronganswers{
    margin-left: -25px;
  }
}