html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
  font-family: monospace;
}

body {
  background-image: url("images/background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

ul, ol {
  padding: 0;
}

h1 {
  padding: 1em;
  color: #efefef;
}

h2, h3, h4, h5, h6 {
  color: #efefef;
  padding-left: 2em;
}

h3 {
  font-size: 1.5em;
}

h5 {
  font-size: 2em;
}

p {
  padding-left: 3rem;
  font-size: 20pt;
  color: #efefef;
}

header {
  text-align: center;
  padding: 1em;
  background-color: rgb(77, 77, 77);
  color: #efefef;
  border-bottom: 1px solid #efefef;
  font-size: 1.5em;
}

.nav-li {
  list-style: none;
  margin-left: 0;
  border-bottom: #efefef;
  color: #efefef;
}

.nav-ul {
  font-size: 1.5em;
  background-color: rgb(77, 77, 77);
  margin: 0;
  display: flex;
  justify-content: center;
}

.nav-li-a {
  padding: 0.6em 0.2rem;
  display: block;
  color: black;
}

.nav-active {
  color: #efefef;
}

.nav-ul a:hover, .nav-ul a:focus, .nav-ul a:active {
  background-color: #efefef;
  color: rgb(77, 77, 77);
}

.container {
  border: 3px solid #efefef;
  background-color: rgba(255, 255, 255, 0.2);
}

.band-name {
  background-image: url("images/Logo-1.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  padding: 3em;
  font-size: 3em;
}

.mainH1 {
  display: flex;
  justify-content: center;
  padding: 3em 3em 0, 0;
  font-size: 3em;
}

a {
  color: inherit;
}

.miscPic {
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 1em;
  float: left;
  width: 15%;
  background-color: rgb(77, 77, 77);
}

.endFloat {
  clear: both;
}

.centerContainer {
  display: flex;
  justify-content: center;
}

.albumName {
  font-size: 4em;
}

.albumPic {
  width: 40%;
  float: left;
  margin: 2em;
  padding-right: 2em;
}

ol {
  color: #efefef;
  font-size: 1em;
  margin: 3em;
}

#BandPic {
  width: 50%;
  margin-bottom: 3em;
}

#page-link-ul {
  display: flex;
  flex-direction: column; /* Aligns items vertically */
  justify-content: center; /* Centers items vertically */
  align-items: center; /* Centers items horizontally */
  list-style-type: none; /* Removes default list styling */
  padding: 0; /* Removes default padding */
  margin: 0; /* Removes default margin */
  color: #efefef;
  font-size: 1.5em;
}

.page-link-li {
  color: #efefef;
  font-size: 1em;
  margin-bottom: 1em;
  align-content: center;
  display: wrap;
  justify-content: center;
}

@media screen and (max-width: 480px) {
  .miscPic, .albumPic {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1em;
    float: none;
    width: 70%;
  }
  .container {
    display: wrap;
    justify-content: center;
  }
  h1, h2, h3, h4, h5, h6, p {
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
  }
  #BandPic {
    width: 80%;
    margin-bottom: 3em;
  }
  #page-link-ul {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 90%;
  }
  .imgContainer {
    display: flex;
    justify-content: center;
  }
}/*# sourceMappingURL=nipstyle.css.map */