body {
    background-color: rgb(22, 22, 22);
    color: white;
}
#navigation {
  position: sticky;
  top:0;
}
.container {
    margin: 10px;
    width: 75%;
    max-width: 1000px;
    height: 20%px;
    font-size: 1.1rem;
    background-color: rgb(54, 54, 54);
    border-radius: 5px;
}

.box {
    text-shadow: 1px 1px black;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgb(108, 95, 0) , rgb(33, 33, 33));
}
.cbox {
    text-shadow: 1px 1px black;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgb(49, 133, 1) , rgb(33, 33, 33));
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
}

ul li {
  float: left;
  border-right: 1px solid goldenrod;
}

ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  background-color: #111111;
}

ul li a.active {
  background-color: #aa0473;
}

h2 {
    color: white;
    margin: 5px;
    padding: 5px;
}