body {
  background-color: white;
  color: black;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-style: normal;
  background-image: linear-gradient(to right bottom, #ff99ff, #9966cc, #663399, #0000ff);
  min-height: 1280px;
}

h1, h2, h3 {
    text-shadow: 2px 2px 3px #6600ff66;
    color: #6600ff;
}

p {
    font: medium Helvetica;
    color: #330099;
}


a:link {
    color: #0000ff;
}

a:visited {
    color: #6666ff;
}

a:hover {
    color: #00ff00;
    background-color: #ffccff;
}

a:hover img {
    opacity: .25;
}

a:active {
    background-color: #ffffff;
}

a:active img {
    opacity: .12;
}

nav {
  display: flex;
  flex-wrap: wrap;
  border: 2px solid #ffcccccc;
  border-radius: 1em;
  margin-bottom: 1px;
}

nav a {
  margin: 1em;
  padding: 5px 15px;
  border-radius: 1em;
  background-color: #ddaadd99;
  text-decoration: none;
  color: #ffffff99;
}

nav a:hover, nav a:focus, nav a:active {
  background-color: #ffcc2266;
  color: black;
}

ul {
  list-style: none;
}

.xpiratemental-youtube {
  margin: 0 auto;
}

.home-page-title {
  margin: 0 auto;
}

.row-flex-container {
  display: flex;
  flex-wrap: wrap;
  border: 2px solid #ccccffcc;
  border-radius: 1em;
  margin-bottom: 1px;
}

.column-flex-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border: 2px solid #ccccffcc;
  border-radius: 1em;
}

.row-flex-container > *, .column-flex-container > * {
  border: 1px solid #ccffff66;
  border-radius: 1em;
  padding: 1em;
  margin: .5em;
}

.xpmtshirts-container {
  border: 1px solid #ff00ff66;
  border-radius: 1em;
  padding: 1em;
  margin: .5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 400px;
}

.xpmtshirts-container a img {
  max-width: 400px;
}