BODY       { background: #262626; color: #f2f2f2; font-size: 20px; font-family: ariel; }
.add-button { position: absolute; top: 1px; left: 1px; display: none; }
#content-list { padding: 20px 10px; }
#content-list .exercises-link { padding-bottom: 20px; }
#content-list UL { padding-left: 20px; list-style-type: disclosure-closed; }
#content-list .exercises-link A {color: #f2f2f2; font-size: 20px;; }

#content   { position: absolute; top: 10%; left: 50%; transform: translate(-50%, -20%); }
#question  { text-transform: capitalize; margin-bottom: 20px; font-weight: bold; letter-spacing: 2px;}
#answer    { padding: 5px 8px; margin-bottom: 10px; font-size: 20px; border: none; background-color: #eaeaea;}
#submit    { position: absolute; transform: translate(-50%, -30%); left: 50%; font-weight: bold; text-decoration: none; font-size: 18px; padding: 12px 35px; border: none; border-radius: 15px; color: #000; background-color: #ffb501;}
#correct   { height: 22px; opacity: 0; margin-bottom: 10px; }
#score     { height: 46px; }
#container { width: 90vw; height: 90vh; }
H1         { margin-bottom: 20px; font-weight: bold; font-size: 24px; }
.back-button { color: #f2f2f2; text-decoration: none; font-size: 80px; }