body {
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
  }

  #logo {
    display: flex;
    align-items: center;
    width: 40%;

  }

#logo img {
    display: flex;
    align-items: center;
    width: 100%;
}

#logo_sup {
    display: flex;
    align-items: center;
    width: 20%;

  }

#logo_sup img {
    display: flex;
    align-items: center;
    width: 100%;
}

button {
    background: none;
    color:#341703;
    border: 2px solid;
    padding: 0.5em 2em;
    font-size: 1em;
    transition: color 0.25s, border-color 0.25s, box-shadow 0.25s,transform 0.25s;
  }
  
  button:hover {
    border-color: #b26fb1;
    color: rgb(92, 119, 12);
    box-shadow: 0 0.5em 0.5em -0.4em #f1ff5c;
    transform: translateY(-0.25em);
    cursor: pointer;
  }

#overview p {
    font-size: 1.25em;
    /* margin: 10%, */
    text-align: center;
    align-items: center;
    width: 100%;
  }

#overview {
    display: flex;
    align-items: center;
    width: 80%;
  }