:root {
    --sgng-white-color: #FFFFFF;
    --sgng-green-color: #009933;
}
a.sgcolor:link { color:var(--sgng-white-color); background-color:var(--sgng-green-color);text-decoration:none; font-size:0.8em; }
a.sgcolor:visited { color:var(--sgng-white-color); background-color:var(--sgng-green-color);text-decoration:none; font-size:0.8em; }
a.sgcolor:hover { color:var(--sgng-green-color); background-color:var(--sgng-white-color);text-decoration:none; font-size:0.8em; }
header {
    background-color: var(--sgng-green-color);
    color: whitesmoke;
    display: flex;
    flex-direction: row;
    margin-bottom: 1%;
    justify-content: center;
}
body {
    background-color: whitesmoke;
    color: #1E1E1E;
    height: 100%;
}
hr {
    background-color: whitesmoke;
    border: 1px solid var(--sgng-green-color);
}
main {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
}
content {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
    flex-direction: row;
    display: flex;
}
.itemDiv {
    /*border: 1px dotted black;*/
    border-radius: 4px;
    padding: 3%;
    /*width: 50%;*/
    margin-right: 1%;
    margin-bottom: 1%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.rowFlex {
    display: flex;
    flex-direction: row;
}
.columnFlex {
    display: flex;
    flex-direction: column;
}
p.jhe {
    font-family: "Ink Free", cursive;
    display: inline-block;
}