body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    /* background: black; */
    color: white;
    font-family: 'Courier New', monospace;
    overflow: hidden;
  }
  
  #plasma {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  
  .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
    width: 90%;
    max-width: 400px;
    padding: 10px;
    box-sizing: border-box;
  }
  
  h1 {
    font-size: 2em;
    margin: 0 0 10px 0;
  }
  
  .info {
    margin-bottom: 10px;
    font-size: 1em;
  }
  
  label {
    display: block;
    margin: 10px 0 5px 0;
    font-size: 1em;
  }
  
  input[type="text"] {
    padding: 10px;
    font-size: 1em;
    background: black;
    border: none;
    color: white;
    width: 100%;
    max-width: 300px;
    margin-bottom: 20px;
    box-shadow: 
      0 0 0 4px white,
      4px 4px 0 4px #000000,
      8px 8px 0 4px white;
  }
  
  .dates {
    margin-bottom: 20px;
  }
  
  .dates button, .submit-btn {
    background: black;
    border: none;
    color: white;
    padding: 10px 20px;
    margin: 5px;
    font-size: 1em;
    cursor: pointer;
    transition: background 0.2s ease;
    box-shadow: 
      0 0 0 4px white,
      4px 4px 0 4px #000000,
      8px 8px 0 4px white;
  }
  
  .dates button:hover, .submit-btn:hover {
    background: #ff69b4;
    color: black;
  }

  .showings-list {
    list-style: none; /* Remove default bullet points */
    padding: 0; /* Remove default padding */
    margin: 10px 0; /* Add some spacing around the list */
    text-align: center; /* Center-align the text */
  }
  
  .showings-list li {
    margin: 5px 0; /* Add spacing between list items */
    font-size: 0.9em; /* Slightly smaller font size to save space */
  }
  
  .dates button.selected {
    background: #ff69b4;
    color: black;
  }
  
  .submit-btn {
    font-size: 1.2em;
    background: #ff69b4;
    color: black;
  }

  @font-face {
    font-family: 'Hydrophilia';
    src: url('./fonts/HydrophiliaIced-Regular.ttf') format('truetype');
  }
  
  body, html {
    font-family: 'Hydrophilia', 'Courier New', monospace; /* Apply the font */
  }