body {
  background-image: url("notepaper.jpg");
  background-size: cover;
}

.mali-light {
  font-family: "Mali", cursive;
  font-weight: 300;
  font-style: normal;
}

.mali-medium {
  font-family: "Mali", cursive;
  font-weight: 500;
  font-style: normal;
}

.mali-bold {
  font-family: "Mali", cursive;
  font-weight: 700;
  font-style: normal;
}

.mali-light-italic {
  font-family: "Mali", cursive;
  font-weight: 300;
  font-style: italic;
}

.mali-medium-italic {
  font-family: "Mali", cursive;
  font-weight: 500;
  font-style: italic;
}

.mali-bold-italic {
  font-family: "Mali", cursive;
  font-weight: 700;
  font-style: italic;
  
}

 .button-container {
    display: flex;
    width: 100%;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
}

.button {
  appearance: none;
  background: none;
  border: none;
  outline: none;
  
  padding: 20px 40px;
  border-radius:8px;
  color:white;
  font-size:28px;
  font-weight:600px;
  margin:0 15px;
  transition: 0.4s;
  font-family: Mali, cursive;
}

.button-1 {
  
  color: black;
  border: 3px solid black;
}

.button-1:hover {
  color: white;
  background-color: black;
}