.my-fixed-width {
    max-width: 500px;
    margin: 0 auto;
    float: none;
}

.my-padded {
    padding: 15px;
}

.my-signin-form {
    max-width: 300px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px;
}

.my-signup-form {
    max-width: 400px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px;
}

.my-generic-form {
    max-width: 400px;
    margin: auto;
    padding: 25px;
}

.navbar {
  margin-bottom: 20px;
  margin-top: 20px;
}


/* error popups */
.main-content {
  max-width: 500px;
  margin: 0 auto;
}

.error-popup {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

._help-text {
    color: #7e7e7e;
    font-size: small;
    margin-top: 0px;
}

._help-text + ul {
    color: #7e7e7e;
    font-size: small;
    margin-top: 0px;
}

._password {
    width: 30ch;
}

._email {
    width: 40ch;
}

._generic_form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.glow4 {
    text-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white, 0 0 40px white;
}

.glow3 {
    text-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white;
}

.glow2 {
    text-shadow: 0 0 5px white, 0 0 10px white;
}

.glow1 {
    text-shadow: 0 0 5px white;
}

.white-outline {
    text-shadow:
   -1px -1px 0 #ffffff,
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
     1px 1px 0 #ffffff;
}

.black-outline {
    text-shadow:
   -1px -1px 0 #000000,
    1px -1px 0 #000000,
    -1px 1px 0 #000000,
     1px 1px 0 #000000;
}

.green-outline {
    text-shadow:
   -1px -1px 0 #2e5e00,
    1px -1px 0 #2e5e00,
    -1px 1px 0 #2e5e00,
     1px 1px 0 #2e5e00;
}

.tooltip_icon:hover {
    font-weight: bolder;
    /*text-shadow: 0 0 7px rgb(50, 207, 255);*/
}


.page_title {
    font-weight: bold;
    color: black;
}

.page_subtitle {
    color: darkgrey;
    font-size: 16px;
}