/* Contents
---------------------------------
- General Content
- Typography
- Header & Navigation
- Images & Media
- Footer
- Media Queries
----------------------------------*/

/* General Content
_________________________________ */
body{background-color: black;}



/* Typography
_____________________________________ */


a{
  font-family: 'Alfa Slab One', cursive;
  font-size: 80px;
  color: white;
  font-display: block;
  text-decoration: none;

}
a:hover{opacity: 0.5}



/* Header & Navigation
____________________________________ */


/* Images & Media
____________________________________ */
img{
  display: block;
    margin: 0 auto;
  }

.images
{
display: inline;
margin: 0px;
padding: 0px;
}

#content
{
display: block;
margin: 0px;
padding: 0px;
height: auto;
max-width: auto;
overflow-y: hidden;
overflow-x:auto;
position: absolute;
    top: 100%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
}

.active
{
display: inline;
margin: 0px;
padding: 0px;
text-align: center;
}

#main
{
  display: inline;
text-align: center;
margin: 0px;
padding: 0px;
height: auto;
max-width: none;
overflow-y: hidden;
overflow-x:auto;
position: fixed;
    top: 70%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
}


/* Footer
______________________________________*/

/* Media Queries
______________________________________*/