body {
    background: 
        url('bush_top.png') top center repeat-x,   
        url('bush_bottom.png') bottom center repeat-x, 
        url('stars.png') repeat, 
        linear-gradient(0deg, rgba(10,22,71,1) 0%, rgba(9,14,11,1) 100%),
        #090e0b;
        
    background-attachment: fixed, fixed, fixed, fixed;
    background-size: auto, auto, auto, cover;
    
    font-family: 'Helvetica', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; width:800px; margin:auto;}

#head {margin:auto; text-align: center;}

#navigation {text-align: right; padding-top: 10px; color:#00ff88;}
#nav {margin:auto;}
#nav:hover {background-color: #00ff88; color:black;}

#main { margin:auto; padding-top: 5%;}
#gallery { margin:auto; padding-top: 5%;}
p, a {font-size: 0.9rem; -webkit-text-size-adjust: none}
h1, h2, p {color: white;}
h2 {margin-bottom: 0px;}
img {width: 100%;}
#sand_ico {width: 150px; width: 12rem;}
#white {color:white;}
#green {color:#00ff88;}
#gray {color:#222;}
#white-left {color:white; text-align: left;}
a {color: #79ffe9;}
#navigation a:hover {background-color: #00ff88; color:black;}
#main a:hover {background-color: #00ff88; color:black;}
hr {background-color:#00ff88; height: 1px; border-width: 0px;}
#pixelart {image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges;}
.gallery {display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap:1rem;}
.gallery-display {max-height: 65vh; max-width: 100vh; object-fit: contain; display: block; margin: 0 auto;}
.art-date {color: #00ff88; margin-top: 0px;}
.item {aspect-ratio: 297/210; overflow: hidden;}
.item img {width: 100%; height: 100%; object-fit: contain; object-position: center; display: block;}
.art-card {text-align: center;}
.art-card:hover span {background-color: #00ff88; color:black;}


#footer>p {color: #888888;}

@media only screen and (max-width: 50rem)
{
	body {width: 100%; padding-left: 1rem; padding-right: 1rem; box-sizing: border-box;}
}
@media only screen and (min-width: 50rem) 
{
    body {width: 49rem;}
}
@media only screen and (min-width: 35rem) 
{
    #head {margin:auto; text-align: left;}
    /*#nav {display: inline-block; width: 15%; margin:0px;}*/
    p, a {font-size: 1rem;}
}