body {
    font-family: Calibri, Arial;
    font-weight: normal;
    font-style: normal;
    font-size: x-large;
    background-image: url('../images/background.png');
}
.textBox {
    text-align: center;
}

.textBox2 {
    text-align: center;
    font-size: small;
}

.textBoxWidth {
    width: 90%;
}

.bannerText1 {
    font-size: large;
}

.bannerText2 {
    font-size: x-large;
}

.bannerText3 {
    font-size: xx-large;
}

.treatmentText {
    text-align: left;
    font-size: medium;
}

.treatmentText2 {
    text-align: center;
    font-size: medium;
}

.fullWidth {
    width: 1024px;
}

.halfWidth {
    width: 50%;
}

.thirdWidth{
    width: 33%;
}

.twoThirdWidth {
    width: 66%;
}

.quaterWidth {
    width: 25%;
}

.threeQuaterWidth {
    width: 75%;
}

.tenPercent {
    width: 80%;
}

.eightyPercent {
    width: 80%;
}

.ninetyPercent {
    width: 80%;
}

.imageWidth {
    width: 100%;
}

.menuItem {
    width: 14.5%;
    text-align: center;
}

.master {
    width: 100%;
}

.container {
    margin: auto;
    width: 50%;
}

.footer {
    font-family: Arial;
    font-size: x-small;
    text-align: center;
}

.mainFont {
    font-family: 'footlight_mt_lightregular', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: large;
}

.contact {
    font-family: 'Comic Sans MS';
    font-weight: bold;
}

.blueText {
    color: blue;
}

.lightBlueText {
    color: rgb(50, 100, 255);
}

.leftColumn {
    width: 150px;
}

.rightColumn {
    width: 150px;
}

.topAlign{
    vertical-align: top;
}

.centerAlign {
    text-align: center;
}

.registerButton {
    background-color: #53C411;
    border: none;
    Height: 39px;
    Width: 194px;
}

.aboutMe {
    background-color: #000000;
    color: yellow;
    font-weight: bold;
    border-width: 0;
    cursor: grabbing;
}

.signUp {
    background-color: #000000;
    color: yellow;
    font-weight: bold;
    font-size: x-large;
    border-width: 0;
    cursor: grabbing;
}

.center {
    text-align: center;
}

.bigHead {
    font-weight: bold;
    font-size: 50px;
}

.error {
    font-weight: bold;
    font-size: small;
    color: red;
}

A:Link {
    text-decoration: none;
    color: Blue;
}

A:Visited {
    text-decoration: none;
    color: Blue;
}

A:hover {
    text-decoration: none;
    cursor: hand;
    color: Red;
}

A:Active {
    text-decoration: none;
    color: Blue;
}

@font-face {
    font-family: 'footlight_mt_lightregular';
    src: url('./fonts/ftltlt-webfont.woff2') format('woff2'), url('./fonts/ftltlt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}