body {
    background-color: #56946a;
}
body img {
    border-radius:0.5vw;
}
a:link {
  color: white;
}
a:visited {
  color: white;
}
.parent {
    display: grid;
    grid-template-columns: repeat(2, 25vw);
    gap: 8px;
    justify-content: center;
    font-family: monospace;
    font-size: 150%;
}

.BigBox {
    grid-column: 1 / 3;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    
    padding:5px;
  
    min-height: 15vh;
    background-color: #5ca172;
    border-radius: 0.3rem;
    color: white;
}

.BigBox2 {
    grid-column: 1 / 3;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    
    padding:5px;

    min-height: 15vh;
    background-color: #5ca172;
    border-radius: 0.3rem;
    color: white;
}

.SmallBox2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    
    padding:5px;

    min-height: 10vh;
    background-color: #5ca172;
    border-radius: 0.3rem;
    color: white;
}

.SmallBox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    
    padding:5px;

    min-height: 10vh;
    background-color: #5ca172;
    border-radius: 0.3rem;
    color: white;
}

.BigBox2:hover {
    background-color: #60bf7e;
}
.SmallBox2:hover {
    background-color: #60bf7e;
}