Fixed Header in Monkeytype Settings & Account Pages by cass_per

/* ==UserStyle==
@name         Fixed Header in Settings
@version      20220907.20.10
@namespace    userstyles.world/user/cass_per
@description  Keeps header at top of page. 
@author       cass_per
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://monkeytype.com/settings"), url-prefix("https://monkeytype.com/account") {
#top {
  width: 100%;
  position: fixed;
  z-index: 20000;
  top: 0; left: 0;
  background: var(--bg-color);
  border-bottom: 1px solid;
}

#middle {
  margin-top: 15rem;
}

.links a {
  text-decoration: underline;
}
.links a:hover {
  background: var(--sub-color);
}
}

@-moz-document url-prefix("https://monkeytype.com/settings") {
#top {
  padding-top: 2rem; padding-bottom: 1rem; padding-left: 12rem;
}
}

@-moz-document url-prefix("https://monkeytype.com/account") {
#top {
  padding: 2rem 5em 1rem 5em;
}
}