body {

  color:white; 

  background-image: url("/images/space.gif");

  background-color:black;

  text-align:center;

  margin-top:10%;



}

h1 {

  font-size:4em;

  letter-spacing:0.15em;

}

h2 {

  font-size:1em;

  letter-spacing:0.1em;

}

a {

  color:white;

}

footer {

  position: absolute;

  bottom: 0; 

  width: 100%;

  font-size:0.75em;

}

div {

  position: relative;

  bottom: 0;

  height: 2.5rem; 

  width: 100%;

  text-align:right;

}

img.albumchart {

   -webkit-filter: grayscale(100%);

   -moz-filter: grayscale(100%);

   -ms-filter: grayscale(100%);

   filter: grayscale(100%);

   filter: gray;

}

img.albumchart:hover {

   -webkit-filter: none;

   -moz-filter: none;

   -ms-filter: none;

   filter: none;

}

.third-degree {

  -webkit-transform: rotate(-5deg);

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -o-transform: rotate(-5deg);

    transform: rotate(-5deg);

    

    display: inline-block;

    position: relative;

    color: red;

    font-size: 0.75em;

    vertical-align: top;

    

    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9986295347545738, M12=-0.05233595624294383, M21=0.05233595624294383, M22=0.9986295347545738, sizingMethod='auto expand');

    zoom: 1;

}

.column {

  float: left;

  width: 32%;

  minimum-width: 120p;

  padding: 10px;

  text-align: center;

}

.gay{

  background: linear-gradient(to right, #E40303, #E40303, #FF8C00, #FFED00, #008026, #004CFF, #732982,#732982);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.rec{

  font-weight: 800;

}