#all-contents-index {
    max-width: 800px;
    margin: auto;
    text-align: center;
}

/* navigation menu */
nav {
     border: white groove;
    margin: 0 auto;
    display: flex;
    padding: 10px;
}

h1 {
    display: flex;
    align-items: center;
    flex: 1;
    margin: 0;
    text-align: center;
}

#nav-port {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    opacity: 0.7;
    color: #fff;
  
}

.nav-li {
    display: inline-block;
    padding: 0 10px;
    opacity: 0.7;
}

a {
    text-decoration: none;
}

/* main container area beneath menu */
main {
    display: flex;
    margin-top: 20px;
}

.sidebar {
    margin-left: 0px;
    padding: 3px;
    border: purple inset;
    text-align: left;
}
.sidebar-gallery {
    margin-left: 0px;
    padding: 3px;
    border: grey inset;
    text-align: left;
}

.sidebar-img {
     border: 4px black ridge;
    width: 200px;
}

.content {
    flex: 1;
    padding: 15px;
    color: #fff;
}

/* interests section styles */
#Navigation {
    border: 4px black inset;
    padding: 5px;
    margin-top: 5px;
    text-align: left;
}

h2, h3 {
    margin: 0px;
}
/* Portfolio styles */
.content h1 {
  color: black;
}

#portfolio {
  list-style-type: none;
  padding-left: 0;
}

#portfolio li {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 4px silver ridge;
  opacity: 0.7;
}
#porth1 {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
  margin-bottom: 10px;
  border: 4px silver ridge;
  opacity: 0.7;
}

#portfolio li:hover {
      background: #fff;
    opacity: 0.7;
}

#portfolio a {
  text-decoration: none;
  color: #454545;
}

#Warhammer {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 4px silver ridge;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('https://th.bing.com/th/id/R.265b38d0aa76c6e9c9026f41350ecbb2?rik=pVq4FlnKVlr9mw&riu=http%3a%2f%2fimg15.deviantart.net%2f55a9%2fi%2f2014%2f285%2f7%2f7%2fsymbol_star_of_chaos_by_mattl3-d82llmk.jpg&ehk=UhS4%2bn3%2fYftvFwA2eK7GB3muYcCZlDDXvcaCF92ypAk%3d&risl=&pid=ImgRaw&r=0');
}
#Photography {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 4px silver ridge;
}
#petgallery {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-right: 16pc;
  margin-left: 16pc;
  border: 4px silver ridge;
}
#BellTower {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-right: 16pc;
  margin-left: 16pc;
  border: 4px silver ridge;
}
#Videos {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 4px silver ridge;
  background-color: #ffffff4d;
  
}
#all-contents-videos {
    max-width: 800px;
    margin: auto;
}
#all-contents-gallery {
    max-width: 800px;
    margin: auto;
}
#all-contents-portfolio {
    max-width: 800px;
    margin: auto;
    color: #fff;
}
#Music {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 4px silver ridge;
  background-color: #ffffff4d;
  
}
#all-contents-music {
    max-width: 800px;
    margin: auto;
}

#secret {
  margin-left: 40pc;
  margin-block-start: 15pc;
}