body { font: 14px Georgia, Serif;  }

#label { width: 500px; margin: 0 auto;}

#page-wrap { width: 500px; margin: 0 auto; height: 100vh;   justify-content: center; /* horizontal */
  align-items: center;     /* vertical */ }

h1  { margin: 25px 0; font: 18px Georgia, Serif; text-transform: uppercase; letter-spacing: 3px; }

h2  { margin: 25px 0; font: 16px Georgia, Serif; text-transform: letter-spacing: 3px; }


#quiz input {
    vertical-align: middle;
}

#quiz ol {
   margin: 0 0 10px 20px;
}

#quiz ol li {
   margin: 0 0 20px 0;
}

#quiz ol li div {
   padding: 4px 0;
}

#quiz h3 {
   font-size: 14px; margin: 0 0 1px 0; color: #666;
}

#dev p {
   font-size: 10px; margin: 0 0 1px 0; color: #666;
   
}
#results {
    font: 44px Georgia, Serif;
}



.btn-link {
   display: inline-block;
   background: #231942;   /* same purple */
   color: #fff;
   text-decoration: none;
   padding: 5px;
   transition: background 0.3s;
 }
 
 .btn-link:hover {
   background: #3e3088;  /* slightly lighter on hover */
 }

 #heading-section{
   text-align: center;
   padding: 10px;
   background-color: #3e3088;
   color: white;
 }