body {
  background-image: linear-gradient(#018E71, #21CFAC, #99E9C2, #FFFFFF, #7CAFE3, #4F47CD, #3B1379);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 100vh;
}


--switch-shadow-color: var(--light-switch-shadow);
  --switch-icon: var(--light-switch-icon);
  --switch-text: var(--light-switch-text);



  .theme-switch { /* Hides the radio buttons */
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.switch-label {
  background: var(--text-color);
  border: 3px solid var(--text-color);
  border-radius: 5px;
  color: var(--bg-color);
  cursor: pointer;
  display: inline-block;
  font-size: 125%;
  margin: 20px 0 20px 20px;
  padding: 8px 12px;
  transition: box-shadow .2s, border .2s;
}

.theme-switch:focus + .switch-label,


.switch-label:hover {
  box-shadow: 0 0 10px #21CFAC;
  border: 3px solid #21CFAC;
  border-radius: 5px;
}



#page {
  background: var(--bg-color);
  color: var(--text-color);
  font: normal 125%/1.4 Georgia, 'Times New Roman', Times, serif;
  min-height: 100%;
  transition: color .2s, background-color .2s;
}

#content {
  margin: auto;
  max-width: 60ch;
  padding: 2ch;
}



/* Theme switcher */



/* Styling */


html,

body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #3B1379;
}

a {
  color: var(--theme-color);
}





footer {
  padding: 20px 0;
  margin: 50px 0;
  border-top: 1px solid var(--text-color);
}


I'm feeling:<br><a href="https://www.imood.com/users/firefairy214"><img src="https://moods.imood.com/display/uname-firefairy214/fg-000000/trans-1/imood.gif" alt="The current mood of firefairy214 at www.imood.com" border="0"></a>


scrollbar-color: var(--bg) var(--border);
  scrollbar-width:5px;