:root {
  --atcb-background: lightpink;
  --atcb-background-hover: lightpink;
}

@font-face {
  font-family: 'Lo-Res';
  src: url('BigBlue_TerminalPlus.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
}

body {
  background-image: url('bogolblink.gif');
  background-color: lightpink;
  display: grid;
  place-items: center;
  font-family: Lo-Res, sans-serif;
  font-size: min(1rem, 3vw);

}

section {
  display: grid;
  width: 70vw;
  min-height: 50vh;
  max-width: 60rem;
  /*    min-height: 20rem;*/
  background-color: rgba(255, 182, 193, 0.7);
  justify-content: center;
  align-content: center;
  margin: min(3rem, 9vw);
  filter: drop-shadow(16px 12px 9px #0DE037);
  text-align: center;
}

h1 {
  text-align: center
}

h2 {
  margin: ;
}

.date h1 {
  margin: 0;
  font-size: min(3rem, 9vw);
  font-family: Lo-Res;
}

.date strong {
  font-size: min(1.5rem, 5vw);
}

p {
  margin: min(1rem, 3vw) min(3rem, 9vw);
}

table {
  text-align: left;
}

.atcb-button {
  font-family: Lo-Res, sans-serif;
  font-size: min(1.1rem, 3vw);
  color: #000;
  filter: drop-shadow(8px 4px 9px #0DE037);
  /*    background-color: lightpink;*/
}

.atcb-list-item {
  font-family: Lo-Res, sans-serif;
  color: #000;
  filter: drop-shadow(8px 4px 9px #0DE037);
  /*    background-color: lightpink;*/
}

.atcb-button.atcb-active:not(.atcb-modal-style, .atcb-dropoverlay), .atcb-button.atcb-single:focus, .atcb-button.atcb-single:hover {
  /*    background-color: lightpink;*/
}

.for_guests {
  display: none;
}