* {
  max-width: 800px;
  margin: auto;
}

div {
  border-radius: 5px;
}

#header {
  height: 40px;
  width: 100%;
  background-color: #2c22bc;
  position: fixed;
  z-index: 1;
}

#footer {
  height: 50px;
  width: 100%;
  background-color: #2c22bc;
  clear: both;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.left {
  height: 2080px;
  width: 45px;
  background-color: #c8cccc;
  float: left;
  position: inherit;
}

.right {
  height: 2080px;
  width: 45px;
  background-color: #c8cccc;
  float: right;
  position: inherit;
}

.info {
  display: inline-block;
  margin-top: 6px;
  margin-left: 55px;
  width: 75%;
  height: 2060px;
}

p,
li {
  font-family: 'Times New Roman', sans-serif;
}

.head {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}