* {
    /*change 1: all fonts are now 
    Helvetica Arial by default*/
    font-family: Arial, Helvetica, sans-serif
}

body {
    /*change 2: implement gradient in main 
    background*/
    background-image: linear-gradient(rgb(190, 65, 65),
     gray);
}

hr {
    background-color: maroon;
    height: 1px;
    border-style: none;
}

h2 {
    color:rgb(34, 49, 34);
}


table, th, tr, td{
    border-width: 2px;
    border-color: black;
    border-style: solid;
    margin: 0 auto;
}

table {
    /*change 3: gradient of a slightly
     different color in the table 
     (its really subtle)*/
    background-image: linear-gradient(grey, 
    slategrey);
    /*change 4: implement minor drop shadow on table 
    */
    filter: drop-shadow(2px 2px black);
}

.image {
    /* change 5: all images in the table have their
     <td> element turned to a color similar to the
      background of the message shown (kinda)*/
    background-color: rgb(14, 12, 34);
    /*TODO: find a way to add a drop shadow here 
    without making it look awful*/
}

p.credit {
    text-align: center;
}