body, html {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  margin: 0;
  background-color: rgba(251, 249, 249, 0);
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/dipt.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5; /* Adjust this for the desired transparency */
  z-index: -1;
}

.hide-me {
  -webkit-animation: cssAnimation 7s forwards;
  animation: cssAnimation 7s forwards;
}

@keyframes cssAnimation {
  0% {
      opacity: 1;
  }

  90% {
      opacity: 1;
  }

  100% {
      opacity: 0;
  }
}

@-webkit-keyframes cssAnimation {
  0% {
      opacity: 1;
  }

  90% {
      opacity: 1;
  }

  100% {
      opacity: 0;
  }
}

td {
  white-space:nowrap;
}

tr th {
  width: 1%;
}

td {
  width: 1%;
}