body {
  background-image: url(backgrounds.gif);
  padding: 0%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 11px;
}
* {
  box-sizing: border-box;
}
.containerss {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  padding: 3px;
}
.left, .right, .center {
  border-radius: 5px;
  border: double 4px;
  border-color: #706677;
  background-color: #f2f4f3;
  padding: 0px;
  margin: 0px;
  height: 500px;
  text-align: center;
}
.center {
  height: 480px;
  width: 490px;
}
.right {
  height: 480px;
  width: 200px;
}
.container {
  margin-top: 5px;
  grid-gap: 5px;
  display: flex;
  justify-content: center;
}
#icon {
  margin:5px 0px 0px 5px;
}
#icon img {
}
#icon1 {
    display: flex;
    justify-content: center;
  margin:0px 2px 2px 2px;
}
#icon1 img {
}
.headers {
  display: inline-block;
  margin: auto;
  width: 695px;
  padding: 6px;
  border-radius: 5px;
  border: double 4px;
  border-color: #706677;
  background-color: #f2f4f3;
}
nav {
  text-align: center;
  align-content: center;
  position: relative;
}
nav ul {
  display: inline-block;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
nav li {
  margin: 0 5px;
  display: inline-block;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: #9c9c9c;
}
.all {
}