/*Below are the specifications that I set for the color, font size, and alignment of the title at the top of the webpage .*/

h1
{
color: #1A0033;
width: 100%;
margin-left: 0px;
margin-right: 30px;
margin-bottom: 10px;
margin-top: 30px;
padding-left: 10px;
padding-top: 30px;
padding-bottom: 30px;
text-align: left;
font-family: Optima, fantasy;
letter-spacing: 6px;
border-style: none;
border-width: 0px;
background-color: #F2FAFD;
opacity: 0.75;
}

h2
{
font-size: 26px;
text-align: left;
text-indent: 34px;
margin-top: 10px;
color: #1A0033;
font-family: Optima, Helvetica, Arial, sans-serif;
}

h3 {
  font-size: 20px;
  text-align: left;
  text-indent: 34px;
  margin: 0;
}

body
{
background-image: url("watercolor2.jpg");
background-size: cover;
font-size: 20px;
text-align: left;
color: #1A0033;
font-family: Optima, Helvetica, Arial, sans-serif;
}


.importantheader
{
font-size:1em;
color: #094F94;
text-align: left;
text-transform: uppercase;
}

.importantbox
{
font-size: 18px;
width: 90%;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 30px;
margin-top: 10px;
padding: 10px;
//float: left;
color: #1A0033;
border-style: none;
border-width: 5px;
background-color: #F2FAFD;
opacity: 0.75;
}

.game
{
  margin: 30px;
}

.column {
  float: left;
  padding: 10px;
}

.one {
  width: 40%;
  margin-left: 20px;
}

.two {
  width: 40%;
  margin-left: 75px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the navigation menu */
.navbar {
  width: 94%;
  background-color: #123440;
  overflow: auto;
  margin: 30px;
}

/* Navigation links */
.navbar a {
  float: left;
  padding: 10px;
  color: white;
  text-decoration: none;
  font-size: 18px;
  width: 17%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center; /* If you want the text to be centered */
}

/* Add a background color on mouse-over */
.navbar a:hover {
  background-color: #094F94;
}

/* Style the current/active link */
.navbar a.active {
  background-color: #4CAF50;
}