/* CSS files add styling rules to your content */

body {
  font-family: helvetica, arial, sans-serif;
  
}

h1 {
  font-style: italic;
  color: red;
}

h2 {
  color:grey
}
/* page 1 */

#redbox {
  width: 100%;
  height: 20px;
  background-color: red;
  color: white;
}

#blackbox {
  width: 100%;
  background-color: black;
  text-align: center;
}

.navbar{
  background-color: black;
  overflow: hidden;
}

.navbar a {
  float: left;
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  color: white;
}

.navbar a:hover{
  background-color: white;
  color: black;
}

.circle{
width: 200px;
height: 200px;
background: Brown;
border-radius: 50%
}

.circle2{
width: 200px;
height: 200px;
background: brown;
border-radius: 50%;
opacity: .5;
float:right;
}