body {
background-color: mintcream;
}
html {
font-size: 10px;
}
h1 {
font-family: "Courier New";
color: pink;
font-size: 7.2rem;
text-shadow: 4px 4px 5px red;
text-align: center;
}

h2 {
font-family: "Gill Sans";
color: DarkCyan;
font-size: 6.4rem;
text-align: center;
}

h3 {
font-family: Impact;
color: darkviolet;
font-size: 5.4rem;
text-align: center;
}
h4 {
font-family: Verdana;
color: MediumVioletRed;
font-size: 3.6rem;
text-align: center;
}

p{
font-family: Verdana;
color: Midnightblue;
font-size: 2.4rem;
text-align: justify;
margin: 25px 50px 75px;
line-height: 1.5;
}
ol{
font-family: "Gill Sans";
font-size: 2.4rem;
text-align: left;
line-height: 1.5;
border: 2px solid #ccc;
color: SaddleBrown;
}

img {
width: 300px;

margin: 10px 10px 10px;
}
    table {
      border-collapse: collapse;
      border: 2px solid rgb(200,200,200);
      letter-spacing: 1px;
      font-size: 2.4rem;
    margin-left: auto;
  margin-right: auto;
}

    td, th {
      border: 1px solid rgb(190,190,190);
      padding: 10px 20px;
    }

    td {
      text-align: center;
    }

    caption {
      padding: 10px;
    }

.in-body-list {

  color: darkgreen;
font-size: 2.4rem;
font-family: "Gill Sans";
}

form {
 
  margin: 0 auto;
  width: 400px;

  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}

form div + div {
  margin-top: 1em;
}

label {
 
  display: inline-block;
  width: 90px;
  text-align: right;
font: 2.4rem sans-serif;
}

input, textarea {
  
  font: 2.4rem sans-serif;

  
  width: 300px;
  box-sizing: border-box;

 
  border: 1px solid #999;
}

input:focus, textarea:focus {
  
  border-color: #000;
}

textarea {

  vertical-align: top;

 
  height: 5em;
}

.button {
  
  padding-left: 90px; /* same size as the label elements */
}

button {
  
  margin-left: .5em;
}


iframe {
margin: auto;  
display: block;
width: 560px;
height: 315px;
}