body{
background:white;
font-family:monospace;
text-align:center;
font-size:15px;
}

/* header */

header{
padding:10px;
}

nav a{
margin:5px 10px;
text-decoration:none;
color:black;
font-size:16px;
}

.button-style {
  background-color: #000000; /* Black background */
  color: #ffffff; /* White text for contrast */
  border: none; /* Remove default browser border */
  border-radius: 2px;
  padding: 7px 20px; /* Add space around the text */
  text-align: center; /* Center the text */
  text-decoration: none; /* Remove underline if used on <a> tag */
  display: inline-block;
}

.button-style:hover {
    /* Hover State Styles */
    background-color: #ffffff; /* Turns white */
    color: #000000; /* Text turns black for contrast */
    border-color: #ffffff;
    /* Neon Green Glow */
    /* Syntax: x-offset y-offset blur-radius spread-radius color */
    box-shadow: 0 0 10px #0f0, 
                0 0 30px #0f0, 
                0 0 60px #0f0;
    font-style:italic;
  }
  
  h1 {
  font-size: 50px;
  }