body {
  background-color: HoneyDew; /* looks better than MintCream */
p}

/* I think it defaults to black Times New Roman */

h1 {
    color: black;
    font-family: arial, sans-serif;
      text-align: center;
}

p {
  font-family: arial, sans-serif; 
font-size: 1em; 
  text-align: center;
}

#para1 {
  text-align: center;
    font-family: arial, sans-serif;
  color: Green;
}

#para2 {
    text-align: center;
    font-family: arial, sans-serif;
  color: SeaGreen;  /* SeaGreen is not enough contrast for text */
}


p.solid {border-style: solid; border-width: medium; border-color: DarkGreen;}
p.double {border-style: double; border-color: DarkGreen;}
p.none {border-style: none; border-color: DarkGreen;}

img {
  max-width: 100%;
  height: auto;
}

.flex-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content:  center; 
    background-color: Honeydew;
}

div.flex-container {
    dispay: flex;
    background-color: Honeydew;
  border: none;
  Margin: 10px;
  padding: 10px;
  font-size: 1.5em;
}

div.flex-container img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

div.box {
    border-style: solid;
    border-width: 1px;
    border-color: DarkGreen;

}

div.padding {
    padding: 10px;
}


div.desc {
  padding: 5px;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 1em; 
/*  color: black; */
  font-decoration: none;
  hover: BlueViolet;
}

div.link {
  padding: 5px;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 1.5em;
  font-style: italic; 
/*  color: black; */
  font-decoration: none;
  hover: BlueViolet;
}



.DarkGreen {
    color: DarkGreen;
}


.BlueViolet {
    color: BlueViolet;
}


a {
    color: black;
    text-decoration: none;
}

a:hover {
  color: BlueViolet;
}



.center {
  text-align: center;
    color: black;
}

p.center {
  text-align: center;
    font-family: arial, sans-serif;
  color: black;
}

p.large {
    font-family: arial, sans-serif;
 font-size: 2em;
}

.large {
    font-family: arial, sans-serif;
 font-size: 4em;
}



p.normal {
  font-weight: normal;
}

p.thick {
  font-weight: bold;
}

p.normal {
  font-style: normal;
}

p.italic {
  font-style: italic;
}