/* === BASE === */
body {
  font-family: "Times New Roman", serif;
  background-color: #ff0045;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center top;
  color: #ffffff;
  font-size: 22px;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* === PER-PAGE BACKGROUNDS === */
body.bg-home      { background-image: url("bg-blackstreamers.jpg"); }
body.bg-about     { background-image: url("stars.gif"); }
body.bg-portfolio { background-image: url("blue.png"); }
body.bg-games     { background-image: url("bg-star45.jpg"); }
body.bg-music     { background-image: url("bitpack.png"); }
body.bg-404       { background-color: #000000; background-image: none; }

/* === CONTENT CONTAINER === */
.content {
  background-color: rgba(0, 0, 0, 0.75);
  background-image: linear-gradient(to right, #870024, #47001c, #870024);
  max-width: 960px;
  margin: 40px auto;
  padding: 20px;
  border: 4px solid #ff0045;
}

/* clearfix for floated gallery items */
.content::after {
  content: "";
  display: table;
  clear: both;
}

/* === LINKS === */
a {
  text-decoration: none;
  color: #ff3657;
  margin: 0 8px;
}

a:visited {
  color: #ff7a91;
}

a:hover {
  color: #ffffff;
}

a:active {
  color: #ff3657;
}

/* === LOGO ROW === */
.logo-row {
  margin-bottom: 10px;
}

.logo-row img {
  width: 150px;
}

.logo-row img.logo-center {
  width: 500px;
}

/* === NAV BUTTONS === */
.nav-buttons {
  margin: 16px 0;
}

.nav-buttons a {
  margin: 0 4px;
}

/* === SOCIAL LINKS === */
.social-links img {
  vertical-align: middle;
  margin: 0 5px;
}

.small-icon {
  width: 25px;
}

/* === FOOTER === */
.footer {
  margin-top: 20px;
}

/* === TYPOGRAPHY === */
p {
  font-size: 22px;
}

.page-title {
  font-size: 42px;
}

figcaption {
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
  font-size: 16px;
}

/* === PORTFOLIO GALLERY === */
div.gallery {
  margin: 20px;
  float: left;
  width: 260px;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 10px;
  text-align: center;
}