/*php font face to be fun*/
@font-face {
    font-family: "Handel Gothic Regular";
    src: url("fonts/HandelGothic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*ID that centers the validation text */
#validation {
    text-align: center;
}

/*centers the header content*/
header {
    font-family: "Handel Gothic Regular", sans-serif;
    text-align: center;
    background-color: #474A8A;
    color: #FFFFFF;
    padding-top: 20px;
    font-size: x-large;
}

body {
    font-family: sans-serif;
    background-color: #B0B3D6;
    color: #000000;
}

footer {
    font-size: small;
    font-family: "Handel Gothic Regular", sans-serif;
}

ul {
    line-height: 2em;
    padding-bottom: 20px;
}

.soon {
    font-family: "Handel Gothic Regular", sans-serif;
    font-size: x-large;
    font-weight: bold;
    margin-left: 20px;
}

.thelist {
    margin-left: 80px;
}

.backbutton {
    font-family: "Handel Gothic Regular", sans-serif;
    background-color: #787CB5;
    border: none;
    color: #000000;
    padding: 9px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
  }

.text-center {
    text-align: center;
}

.weektitles {
    font-family: "Handel Gothic Regular";
    font-size: 1.3em;
}