h1
{
    color: #F1EEB9;
    text-align: center;
    font-family: 'Press Start 2P', cursive;
}

div.sections
{
     text-align: center;   
     margin:20;
}
div.videoHeader
{
	text-align:center;
	padding-top: 5;
}
span.videoHeader
{
	
    
         
    
        padding-left: 5;
	
}
a.gameLink
{

    text-decoration: underline;	
}

a.gameLink:link
{
    color: lime;
    font-family: 'Press Start 2P', cursive;
    text-decoration: none;
    font-size: 20;
    text-decoration: underline;    
    
}

p.doubleSpace
{
	line-height:1.5;
}

a.gameLink:visited
{
    color:lime;
    text-decoration: underline;
}
a.gameLink:hover
{
    color:#E97777;
}
a.sections:link
{
    color: #E97777;
    font-family: 'Press Start 2P', cursive;
    text-decoration: none;
    font-size: 20;
    
    
}


a.sections:visited
{
  color:#E97777;
}


a.extLinks:link
{
    color: #d47fff;
    font-family: 'Press Start 2P', cursive;
    text-decoration: none;
    font-size: 20;
    
    
}

a.extLinks:hover
{
    color:#C3FDBE;
}
a.extLinks:visited
{
  color:#d47fff;
}
li
{
	padding-bottom :5px;


}
div.socialMedia
{
	margin= 5px;

text-align: center;   


}
div.itemTitle
{
    color:#BFECEC;
    text-align:center;
    font-family: 'Press Start 2P', cursive;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 24;
    border-style: double;
    border-color: #AC578D; 
}
a.current
{
    
    color: #BFECEC;
    font-family: 'Press Start 2P', cursive;
    text-decoration: none;
    font-size: 20;
}
a.sections:hover
{
    color:#C3FDBE;
}








div.item
{
    
    border-style: double;
    border-color: #AC578D;
    display: table;
    min-width: 100%;
    min-height: 240;
    margin-top: 20px;
    
}

div.picture
{
   
    
    padding : 5;
    padding-bottom:0px;
    padding-right:0px;
    width: 320;
    min-height: 240;
    display: table-cell;
    align-content: left;
    text-align: left;
    vertical-align:left;
    position: relative;
} 

img.smallImage
{
   
    
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: auto;
    margin-top: auto; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom:5px;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges; 
}   

audio.audioItem
{
        
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom:5px;
    max-width:320;
}





 
img.normalImage
{
    
    margin: 0;
    padding-bottom:5px;
    max-width:320;
}    
div.desc
{
    color: #a98ad1;
    font-family: 'Press Start 2P', cursive;
    margin: 12px;
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    padding-top: 5px;
    line-height:1.5; 
}

p.descRed
{
    color: #C3C190;
    font-family: 'Press Start 2P', cursive;
    
}

.pageMargins
{
    margin-left: 15%;
    margin-right: 15%;
    background-color: #1C141F;
    
}

@media only screen and (max-width: 1280px)
{
	.pageMargins
	{
		margin-left: 5%;
		margin-right: 5%;
		background-color: #1C141F;
	}
	
	div.picture
	{
   
    
	    padding : 5;
	    padding-bottom:0px;
	    padding-right:0px;
	    width: 160;
	    min-height: 120;
	    display: table-cell;
	    align-content: left;
	    text-align: left;
	    vertical-align:left;
	    position: relative;
	}

	img.normalImage
	{
    
	    margin: 0;
	    padding-bottom:5px;
	    max-width:160;
	    
	   
	}
	div.item
	{
    
    		border-style: double;
    		border-color: #AC578D;
    		display: table;
    		min-width: 100%;
    		min-height: 120;
    		margin-top: 20px;
    
	}
	audio.audioItem
	{
	        
	    margin-left: auto;
	    margin-right: auto;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    padding-bottom:5px;
	    max-width:160;
	}
}