body {
    background-color: #e8ebe3;
    color: #556b2f;
}

.h1 {
    text-align: center;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.flexbox-container {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
    color:rgb(38, 59, 12);
}

.flexbox-item {
    width: 200px;
    margin: 10px;
    border: 3px solid #556b2f;
    background-color: #bac4a6;
    justify-content: center;
    align-items: center;
}

.flexbox-item-1 {
    min-height: 50px;
    text-align: center;
    align-items: center;
    align-content: center;
}

.flexbox-item-2 {
    min-height: 50px;
    text-align: center;
    align-items: center;
    align-content: center;
}

.flexbox-item-3 {
    min-height: 50px;
    text-align: center;
    align-items: center;
    align-content: center;
}

.flexbox-item-4 {
    min-height: 50px;
    text-align: center;
    align-items: center;
    align-content: center;
}

/* unvisited link */
a {
    color: #556b2f
}

/* visited link */

a:visited {
    color: hsl(82, 8%, 28%)
}

/* mouse over link */
a:hover {
    color: hwb(82 16% 49%)
}

/* selected link */
a:active {
    color: hsl(82, 59%, 82%)
}

/* Solid border */
hr.solid {
    border-top: 1px solid #556b2f
}


.wrapper {
    width:600px;
    margin: 0 auto;
    display: grid;
    align-items: center;
    justify-content: center;
}

#block1 {
    float:left;
    max-width: 100%;
}