body {
  background-image: url("background-image.jpg");
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

h1 {
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 26.4px;
}

.content {
  max-width: 1000px;
  min-height: 700px;
  margin: 100px auto;
  padding: 80px 100px;
  background: white;
  opacity: 96%;
  border: solid 10px rgba(172, 86, 5, 0.548);
  border-radius: 80px;
}

form {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr;
}

form > label {
  margin: 5px 10px;
  font-size: 20px;
}

form > input {
  margin: 5px 10px;
  padding: 10px 10px;
}

#read,
#not-read {
  height: 20px;
  width: 20px;
}

form > #submit-button {
  width: 150px;
}

form > x-small {
  font-size: 15px;
  font-style: italic;
  color:rgb(216, 22, 22);
  margin: 5px 10px;
}

th,
td {
  border-bottom: 1px solid black;
  padding: 10px;
}

table {
  width: 100%;
}

th {
  text-align: left;
  font-size: 20px;
}

button {
  font-size: 20px;
  font-weight: 520;
}

button.delete {
  background-color: rgb(228, 128, 128);
}