body {
  background: black;
  color: white;
}
.container {
  display: flex;
  border: 1px solid white;
  box-shadow: 3px 5px 1px #5e5e5e;
}
.container.header {
  text-align: center;
  text-shadow: 1px 1px 1px red;
}
.container.navbar {
  /*! width: 30vw; */
  /*! flex: inherit; */
}

h1 {
  width: 100%;
}
  
.container .left-nav{
  width: 30vw;
}

  
.container .content{
  width: 70vw;
  flex-flow:  column
}

a {
  color: white;
  list-style: circle;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: red;
/*   font-size: 1.3em; */
}
ul.navlist {
  display: inline-flex;
    width: 100%;
  /*! flex-grow: 4; */
}
navlist{
  left: auto;
  right: auto;
  /*border: 1px solid aliceblue;*/
  width: 100%;
  text-align: center;
  margin: 5px;
  
}
.navlist>li {
  width: 100%;
  text-decoration: none;
  border-right: 1px solid white;
  /*box-shadow: 1px 1px 1px red;*/
   list-style-type: none;
}

.container.content {
  text-align: center;
  text-wrap: wrap;
  height: 100vh;
}

.eyeball {
  position: fixed;
  bottom: 0;
  right: 0;
}

.lihead {
  text-align: center;
  list-style: none;
    font-size: 1.3em ;
  font-weight: bolder;
}

.integration {
  width: 100%;
  height: 100%;
}