html {
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    text-align: center;
}

body { 
	background: white;
    margin: auto;
}

h1 {
    font-size:2em;
}

h2 {
    text-align: center;
    margin:auto;
    display:inline-block;
}

div.page_links {
    margin:0.5%;
}

.post {
    margin: auto;
    width:70%;

    &:nth-child(7n+1) {
        background-image: url("/blog/bgs/bg15.gif");
        background-repeat: repeat;
    }
    
    &:nth-child(7n+2) {
        background-image: url("/blog/bgs/bg2.png");
        background-repeat:repeat;
        color:white;   
    }     
    
    &:nth-child(7n+3) {
        background-image: url("/blog/bgs/bg1.png");
        background-repeat:repeat;
    } 
    
    &:nth-child(7n+4) {
        background-image: url("/blog/bgs/bg4.gif");
        background-repeat:repeat;
    }       

    &:nth-child(7n+5) {
        background-image: url("/blog/bgs/bg5.png");
        background-repeat:repeat;
    }   
    
    &:nth-child(7n+6) {
        background-image: url("/blog/bgs/bg9.gif");
        background-repeat:repeat;
    }   
    
    &:nth-child(7n+7) {
        background-image: url("/blog/bgs/bg7.png");
        background-repeat:repeat;
    }           

}

.post:nth-child(7n+2) span.comments {
    background: rgba(0,0,0,0.4);
} 

.post:nth-child(7n+3) span.comments {
    background: rgba(255,255,255,0.7)
} 

.post:nth-child(7n+5) h2 {
    color:white; 
}

.post:nth-child(7n+5) span.comments {
    color:white; 
    background: rgba(0,0,0,0.4);
} 

.post:nth-child(7n+6) h2 {
    color:white;     
}

.post:nth-child(7n+6) span.comments {
    background:black;
    color:white;
}


span.comments {
    background: rgba(255,255,255,0.7);
    display: inline-block; 
}

span.comments:nth-child(7n+2) {
    background: black;
}

span.comments ol {
    text-align: left;  
    list-style-type: lower-roman;
}

span.comments li {
    display:list-item;
    margin: 0 5%;
}


article { 
    box-shadow: 15px 15px #4C4E52;    
    margin: 5% 0;
    padding:2% 0;
}   

article p {
    padding: 0 2%;
    text-align: left;
}

.page_gallery {
    display: flex;
    flex-wrap: wrap;
}

.page_gallery img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

div.games li, div.games a {
    margin:0.5%;
    border-radius: 10px;
    border: 10px black;
    font-weight: bold;
    letter-spacing: 5px;
    background-image: linear-gradient(to left, violet, rgb(121, 8, 201), rgb(0, 100, 250), rgb(3, 177, 3), yellow, orange, red);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text; 
}

div.games ul {
    background-color: black;
    margin:0;    
}

div.games {
    margin: 0.5% 0;
    word-break: break-all;
}

ul {
    margin: 0 auto;
    text-align: center;    
    padding:0;
    width:100%;
}

li {
    display: inline-block;
    vertical-align: top;
    padding:0.5%;
}

footer {
    text-align: center;
}

#game-links div {
    display:flex;      
}

#game-links ul {
    text-align: left;
    margin:5px;
}

#game-links li {
    padding:0;
    display:block;
}