/*code to customize various entire page aspects*/
body {
    background-color: #D2B3DF;
    color: #333333;
    font-size: large;
}

/*code to orient and customize mask images*/
img.left {
    float: left;
    mix-blend-mode: multiply;
}

img.right {
    float: right;
    mix-blend-mode: multiply;
}

/*Code to customize image table and figure captions*/
table {
    margin: auto;
    border: none;

}

figcaption {
    text-align: center;
}

/*Code used to customize any page headers*/
h1 {
    text-align: center;
    font-size: 2.5em;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

h3 {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/*Code used to customize the navigation*/
nav {
    text-align: center;
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
}

/*Code used to customize the footer*/
footer {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/*group of code to customize the hyperlinks*/
a:link {
    color: blue;

}

a:hover {
    text-decoration: none;
}

a:visited {
    color: yellow;
}