body {
    /* background: #b8fe34; */
    background: #C7E7FF;
    font-family:'Courier New', Courier, monospace;
  }
  h1 {
    color: darkblue;
  }
  b {
    /* margin: 100px; */
    background: darkblue;
    color:whitesmoke
  }
  p {
    color: darkslateblue;
  }
  p1 {
    /* margin: 10px; */
    color: darkslateblue;
    /* background: yellow; */
  }
  a {
  color: #133F7A;
  /* background-color: yellow; */
  /* font-weight: bold; */
  }
  a:hover {
  color: hotpink;
  font-weight: bold;
}

/* Basic styling for the navbar */
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #A06917;
}

li {
float: left;
}

li a {
display: block;
color: #C7E7FF;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover {
background-color: #444;
}
  #secretMessage {color: #C7E7FF;
  /* font-family:"sans serif";} */
  }
  .big {font-size: 10px;}
  #signOut { color: #ff0000; 
  /* font-family:"sans serif";} # for IDs */
  }
  .big { font-size: 70px; } /* . for classes */
  /* div { background: black; } vs this for tag names */
  #links  {color: azure;
  padding: 20px; /* Adds 20px padding on all sides */
  border: 1px solid whitesmoke; /* Makes the border visible */
  background-color: #A06917; /* Highlights the padding area */}
  #button_speed {color: black;}