@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');

.pixel-title {
    font-family: 'Pixelify Sans', sans-serif;
    font-size: 3rem;
    text-align: center;
    margin-top: 2rem;
}

body {
    background-color: #4c4c4c;
}

img {
    display: block;
    margin: 20px auto; /* centers the image horizontally */
    max-width: 90%;
    height: auto;
  }

  
  label {
    font-family: 'Pixelify Sans', sans-serif;
    color: white;
}

form {
  max-width: 500px;
  margin: 0 auto;             /* Centers the form horizontally */
  padding: 20px;
  background-color: #3a3a3a;  /* Optional: helps visualize the form area */
  border-radius: 10px;        /* Optional: for aesthetics */
  display: flex;
  flex-direction: column;
}

input, textarea {
    padding: 0.5rem;
    font-size: 1rem;
    font-family: 'Pixelify Sans', sans-serif;
}
  
  video {
    display: block;
    margin: 20px auto;     /* Adds spacing and centers */
    max-width: 90%;        /* Responsive */
    height: auto;
  }

.spacer {
    height: 40px;
}

.topnav a {
    float: right;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    font-family: 'Pixelify Sans', sans-serif;
}
  
  /* Change the color of links on hover */
.topnav a:hover {
    background-color: rgb(221, 221, 221);
    color: black;
}
  
  /* Add a color to the active/current link */
.topnav a.active {
    background-color: #04AA6D;
    color: white;
}

.image2 img {
    display: block;      /* removes inline spacing and ensures layout control */
    margin-left: 0;      /* ensures it's flush left if margin was applied */
    max-width: 100%;
  }