#result-graph {
    display: grid;
    place-items: center;
    margin: 35px auto;
    width: 100%;
    border-radius: 5px;
}

.wedge {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 100%;
}

.wedge-label {
   grid-row: 1;
   grid-column: 1;
   text-align:center;
   color: var(--text);
   font-family: "Atkinson Hyperlegible Next", sans-serif;
}

#quiz > p {
    font-size: 1.2rem;
    margin: 5px auto;
    padding-bottom: 20px; 
}

#quiz > p > i {
    font-size: 0.8rem;
}

label {
    margin: 0 5px;
    font-style: italic;
    font-size: 0.8rem;
    color: var(--text);
}

#key {
    text-align: center;
    font-size:0.9em;
}

#key > span {
    display: inline-block;
    padding: 2px;
    border-radius: 2px;
}