/* CSS file for use with homework 7 */
/* ITWP-2750 */


/* This uses the web font Roboto for the all of the body text within the web page */
body {
    font-family: 'Roboto', sans-serif;
}


/* Downloaded Fonts from the Web */
.luckiest-guy-regular {
    font-family: "Luckiest Guy", serif;
    font-weight: 400;
    font-style: normal;
  }

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgb(51, 3, 90);
  }

/* The heading tags uses the LuckiestGuy font */
h1 {
    text-align: center;
    font-family: 'Luckiest Guy';
}

h2 {
    font-family: 'Luckiest Guy';
}

/* THis heading tag uses the Roboto font */
h3 {
    font-family: 'Roboto';
}

/* Set the paragraph tag page margin and Roboto font */
p {
    font-family: "Roboto";
    margin: 1em;
}

/* This code makes the images responsive */

.responsive {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: auto;
    
}

/* This code gives the second image its size */
.picture {
    width: 100%;
    max-width: 100%;
    height: 50%;
    margin: auto;
    
}

/* This code centers items */
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

/* Formats the list of sources */
.sources {
    font-size: 11px;
    font-weight: bold;
}

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

/* Formats the date that resides in the footer */
#date {
    font-style: italic;
    font-size: 10px;
    text-align: center;
}