body {
  background-image: url("worldmap.png")
}
body {
  color: white
}

h1{
  font-family: 'Brush Script MT', cursive;
  text-align: center;
  color: white;
  font-size: 300%;
}

h2{
  font-family: 'Brush Script MT', cursive;
}

subpagehead {
	font-size: 300%;
}
h3 {
	color:rgb(204,0,0)
}
p{
  font-family: 'Garamond', serif;
}

.toc1 {
background-color: white;
color: black;
}

.toc2 {
background-color: gray;
color: black;
}

.withthebox {
background-color: Black;}




.container {
  display: flex;
}
.container > div {
  width:33%;
   border: 3px solid black;
}


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

.header {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
   background-color: black;
  color: white;
  text-align: center;
}

.stuff {
background-color: gray;
color: black;
text-align: center
}

.ul {list-style-type: none;}