.header {
  min-height: 20rem;
  display: grid;
  align-items: center;
  text-align: right;
  font-size: 70px;
  background-image: url("american_flag_header_75_title.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: black;
}

.main{
 width:80%;
        margin-left:auto;
        margin-right:auto;
}


.footer {
   position: bottom;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #e02d30;
   color: white;
   text-align: center;
}

.button {
  background-color: #ffffff;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.btn-group button {
  background-color: #ffffff; /* white background */
  border: 4px solid #e02d30; /* red border */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  font-family: "Times New Roman", Times, serif;
  font-color: #1B0049;
  font-size: 1.5vw;
}

.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

/* Add a background color on hover */
.btn-group button:hover {
  background-color: #405E8E;
}

a:link {
      text-decoration: none;
      font-weight: bold;
}

p {
  font-size: 20px;
}