body {
  padding: 1em;
  font-family: Manrope, sans-serif;
  color: #000000;
  background-color: #F8EADE }
ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 9em }
h1 {
  font-family: Unbounded, Geneva,
        SunSans-Regular, sans-serif;
  padding: 0.5em; }
p {
  font-family: Manrope, sans-serif;
  margin: 1em;}

ul.navbar li {
  background: #B4B4B4;
  margin: 0.5em 0;
  padding: 0.3em;
  border-right: 1em solid black }

ul.navbar a {
  text-decoration: none }

a:link {
  color: blue }

a:visited {
  color: purple }

button.button1 {
    background-color: #FFC392;
    padding: 1em;
    margin: 1em;
    margin-left: 0em;
    border: none;
    cursor: pointer;
    border-radius: 2em;
    font-family: Manrope, "Manrope", sans-serif;
    font-weight: 800;
    color: #33373D;}

button.button1:hover {
    background-color: #B6611C;
    transition: 0.2s;
    color: #FFFFFF;
          }

button.button2 {
    background-color: #F9F8F8;
    max-width: 100px;
    //max-height: 200px;
    text-align: left;
    padding: 1em;
    border: none;
    cursor: pointer;
    border-radius: 1em;
    font-family: Manrope, "Manrope", sans-serif;
    font-weight: 800;
    color: #33373D;
    box-shadow: 0.05em 0 .2em #EFDBCA;}

button.button2:hover {
    background-color: #E8D4C4;
    transition: 0.2s;
              }

h5 {
        text-align: left;
        font-family: Manrope, "Manrope", sans-serif;
        font-weight: 300;
        color: #33373D;}

div.card1 {
        margin: 1em;
        background-color: #33373D;
        max-width: 250px;
        text-align: left;
        padding: 1em;
        border: none;
        cursor: pointer;
        border-radius: 1em;
        font-family: Manrope, "Manrope", sans-serif;
        font-weight: 800;
        color: #F9F8F8;
        box-shadow: 0.05em 0 .2em #EFDBCA;}

        div.card1 h5 {
                text-align: left;
                font-family: Manrope, "Manrope", sans-serif;
                font-weight: 300;
                color: #FFFFFF;}

        div.card1:hover {
            background-color: #827F7D;
            transition: 0.2s;
                      }



address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }

.card1 {
        margin: 1em;
        background-color: #33373D;
        max-width: 250px;
        text-align: left;
        padding: 1em;
        border: none;
        cursor: pointer;
        border-radius: 1em;
        font-family: Manrope, "Manrope", sans-serif;
        font-weight: 800;
        color: #F9F8F8;
        box-shadow: 0.05em 0 .2em #EFDBCA;}

.card1 ion-card-header ion-item {
	color: #fff!important;
}