/* This makes the background have a tiling pattern and a blue color overlaid on top */
body {
    background-color: #f0ffff;
    background-image: url("../Images/tilling_image.png");
    background-blend-mode:overlay;
    margin: 0px;
}

/* Makes whatever has this class a dark red */
.red {
    color: #800000;
}

/* Makes text align to center */
.center {
    text-align: center;
}

/* Makes the article in the center */
article {
    margin-top: 3%;
    padding-left: 25%;
    padding-top: 98px;
    padding-bottom: 52px;
    width:50%;
}

/* Makes the header's logo, stay at the top , and text inline and in an off-white color */
header {
    background-color: #f0f0f8;
    padding: 0.76%;
    display: flex;
    position: fixed;
    width: 100%;
    top: 0px;
    border-width: 1px;
    border-style: inset;
    align-items: center;
}

/* Makes the footer stay at the bottom and in an off-white color */
footer {
    background-color: #f0f0f8;
    padding: 0.76%;
    position: fixed;
    width: 100%;
    bottom: 0px;
    border-width: 1px;
    border-style: inset;
}

/* Makes the h1 in a different font and in the center of the header */
h1 {
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}


/* Changes the font type when these id is added */
#courier {
    font-family:'Courier New', Courier, monospace
}