body {
  /* for some reason this doesn't work in this so it's gonna stay in /head */
  /* font-family: 'jellee';
     color:white;
     */
  /* used with cssgradient.io */
  /* background: rgb(227,140,255);
     background: -moz-linear-gradient(0deg, rgba(227,140,255,1) 0%, rgba(141,235,255,1) 100%);
     background: -webkit-linear-gradient(0deg, rgba(227,140,255,1) 0%, rgba(141,235,255,1) 100%);
     background: linear-gradient(0deg, rgba(227,140,255,1) 0%, rgba(141,235,255,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e38cff",endColorstr="#8debff",GradientType=1);
     background-attachment:fixed;
     background-repeat:no-repeat;
     */
     /*
   background: linear-gradient(-45deg, #e38ce1, #9f9cff, #8dfdff);
     background-size: 400% 400%;
     animation: gradient 15s ease infinite;
     height: 100vh;
     @keyframes gradient {
         0% {
             background-position: 0% 50%;
        }
         50% {
             background-position: 100% 50%;
        }
         100% {
             background-position: 0% 50%;
        }
         
}
*/
/* taken from stackoverflow */
a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none;
}

h3::before {
  content: "# ";
  font-weight: bold;
}

q {
  font-color: white;
}

#page {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}