body {
    background-color: rgb(159, 170, 144);
    font-size: large;
}


.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* background-color: rgb(187, 129, 43); */
    margin-left: 1em;
    margin-right: 1em;
    /* flex-direction: column; */

  }



  .flex-column-right {
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      /* align-items: stretch; */
      flex-direction: column;
      border-left: black;
      /* border-style:groove; */
      margin-left: 3em;
      
  }

  .flex-column-left {
    display: flex;
    align-items: flex-start;
    /* align-items: stretch; */
    align-content: flex-start;
    flex-direction: column;
    /* width: 100%; */
    border-right: black;
    /* border-style:groove; */
    margin-right: 3em;
    justify-content: flex-start;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
    /* background-color: aliceblue; */
    /* width: 100%; */
    flex-direction: row;
    
}

.results-row {
    min-width: 6em;
}

.hover:hover {
    background-color: rgb(241, 237, 231);
    
    border: black;
    border-style: solid;
    padding: 0.3em;
}

.flex-center {
    display: flex;

    justify-content: center;
    align-items: center;
}

.padding {
    padding: 0.3em;
}

.button {
    background-color: aliceblue;
    border-radius: 11px;
    border-color: brown;
    width: 100px;
    height: 100px;
    margin: 0.5em;
}


.link-button {
    background-color: rgb(35, 97, 190);
    /* border-radius: 11px; */
    display: flex;
    padding: 0.6em;
    text-decoration: none;
    font-weight: normal;
    border-style: ridge;
    color: rgb(229, 236, 241);
    /* margin-left: 0.5em; */
    /* margin-right: 0.5em; */
    
}


.report {
    /* background-color: blanchedalmond; */
    display: flex;

}

h1 {
    color: rgb(187, 105, 28);
    font-weight: bold;
    background-color: rgb(211, 228, 243);
    padding: 0.3em;
    border-radius: 11px;
}

body {
    color: rgb(70, 97, 27);
    font-weight: bolder;
    
}

h3 {
    color: rgb(221, 50, 20);
    font-weight: bold;
    
    padding: 0.3em;
    border-radius: 11px;
}

.message {
    color: rgb(148, 26, 26);
    font-weight: bold;
    padding: 1em;
    display: flex;
    background-color: rgb(223, 209, 89);    
    margin: 1em;
    width: auto;
    align-self: center;
    border-radius: 11px;
    text-transform: uppercase;
}

.blue {
    color: rgb(41, 39, 167);
}

.green {
    color: rgb(33, 87, 37);
}

.background-blue {
    background-color: rgb(36, 36, 77);
}

.background-green {
    background-color: rgb(33, 87, 37);
}

.background-red {
    background-color: rgb(87, 33, 33);
}

.border-right {
    
    padding: 9px;
    margin-right: 9px;
    border-right: solid;
    border-right-color: black;
    
}

.flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.block {
    display: block;
}