/* This applies styles to the entire page body */
body {
    /* --- YOUR CHOICES GO HERE --- */
    background-color: #0d1117;
    font-family: 'Space Mono', monospace;
    
    /* --- These lines will center your content vertically and horizontally --- */
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100vh;
    padding: 0 20px;
}

/* This applies styles to your main heading text */
h1 {
    color: #e6edf3;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 1.5rem;
}
/* Style for the second line of text */
p {
    color: #ff6b9d;
    font-size: 1.5rem; /* Increase from 1.2rem */
    margin: 0;
  }
  
  /* We target the checkbox specifically to make it pink */
  .checkbox {
    color: #ff6b9d;
    font-size: 1.6rem; /* Slightly larger than text for visual balance */
  }