/* This applies styles to the entire page body */
body {
    /* --- YOUR CHOICES GO HERE --- */
    background-color: #0d1117; /* Replace with your chosen background hex code */
    font-family: 'Space Mono', monospace; /* Replace with your chosen font */
    
    /* --- These lines will center your content vertically and horizontally --- */
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; /* <-- ADD THIS LINE */
    min-height: 100vh; /* vh stands for "viewport height" */
}

/* This applies styles to your main heading text */
h1 {
    /* --- YOUR CHOICES GO HERE --- */
    color: #e6edf3; /* Replace with your chosen text hex code */
    font-size: 2rem; /* You can adjust this size */
    text-align: center;
}
/* Style for the second line of text */
p {
    color: #ff6b9d; /* The pink of Cyber Pink */
    font-size: 1.2rem; /* A little smaller than the main heading */
  }
  
  /* We target the checkbox specifically to make it pink */
  .checkbox {
    color: #ff6b9d; /* Replace with your exact pink hex code */
  }