h1 {
  text-align: center;
  font-size: 2em;
  color: #009;
  margin-bottom: .3em;
  text-decoration: underline;
}
h2 {
    text-align:center;
    font-size: 1.5em;
    color: #807;
}
h3 {
    text-align:center;
    font-size: 1em;
    color: #007;
}
h4 {
    text-align:center;
}
body {
   background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(200,200,200,1) 0%, rgba(9,121,82,0.527) 17%, rgba(20,200,255,1) 100%);
}

    p {
        text-indent: 20px;
    }  
    html {
        font-size: 100%;    /* font-size 1em = 10px */
    }
    body {
        font-size: 1.6rem;    /* 1.6rem = 16px */
    }
    p {
        font-size: 1.4rem;    /* 1.4rem = 14px */
    }
    p span {
        font-size: 2rem;    /* 2rem = 20px (not 28px) */
    }

#trHeader {
  text-decoration: underline;
  color: #900;
}

.centerCell {
  text-align: center;
}
/*display box styles*/

.float-parent-element { 
    width: 100%;
    margin-bottom: 2%
}
.float-child-element { 
    float: left; 
    width: 25%; 
} 
.red { 
    background-color: red; 
    margin-left: 10%; 
    height: 100px; 
} 
.yellow { 
    margin-left: 10%; 
    height: 100px; 
    background-color: yellow; 
}
.blue { 
    margin-left: 10%; 
    height: 100px; 
    background-color: skyblue; 
}
.green { 
    margin-left: 10%; 
    height: 100px; 
    background-color: greenyellow; 
}
/* flex container style */
.flex-container {
        display: flex;
        flex-flow: wrap;
}    
.flex-container> div {
        background-color: gainsboro;
        margin: 10px;
        padding: 20px;
        font-size:20px;
}