html { padding:0px; margin:0px; }

* { padding:0px; margin:0px; }

body { font-family: system-ui, sans-serif, 'Titan One'; background: linear-gradient(lightblue,white); background-attachment: fixed; margin:0; color: #fff; }
   
#header {
    /*width:100%; */
    height:100px;
    margin-bottom: 10px;
}

#header h1 a 
{
    text-decoration:none;
    color:white;
}

div#header a:link
{
    text-decoration:none;
}

div#header h1
{
    color:white;
}

div#sub_header {
    font-weight:bold;
}

div#contact_form { position:relative; border: solid thin green; border-radius: 10px; padding:15px; padding-bottom:50px; width:75%; }

span.contact_label { /*font-family:'Bagel Fat One'; */ font-family:'Concert One'; font-size:1em; color:maroon; }

h2#contact_comment { font-family:'Concert One'; width:75%; margin: 0 auto; color:maroon; }

h2#contact_done_comment { font-family:'Concert One'; width:100%; margin: 0 auto; color:maroon; text-align:center; }

span.contact { display:block; color:black; }

span.contact input { height:3em; font-size:1em; border-radius: 5px; margin:5px 0; }

span.contact textarea { border-radius: 5px; padding:5px; width:100%; }

div#contact_form input[type="submit"] { font-family:'Concert One'; position:absolute; font-size:1.5em; right:5px; bottom:1px; background-color: white; color: black; }

div#contact_form span.send { font-family:'Concert One'; position:absolute; font-size:1.5em; right:5px; bottom:1px;    background-color: white; color: black; }

#error_field { position: absolute; font-size:0.90em; right:30px; bottom:15px; color: red; display:none; }


#header a.header
{
    position: absolute;
    top:15px;
    right:0px;
}

h3,h2  { font-family: 'Bagel Fat One'; display: inline-block;  margin:0 0 0 auto;  }

#header { display: flex; flex-direction: column;  }      

#header h1 { font-family: 'Bagel Fat One', courier ; font-size: 2em; padding: 0px;  text-align: center;  }
#header #banner_home  { text-align:center; }

#sub_header { width: 50%;  padding: 3px; margin: 0 auto; text-align: center; text: bold; }

.big_game_desc { font-family: 'Bagel Fat One', courier; font-size: 5em; padding: 0px; margin: 0; }

#game_list a { text-decoration:none; color:white; }
#game_list :hover { background-color: orange }

#center_div
{
    margin:0 auto;
    width:75%;
}


.grid-item  img.card_icon {
    position:absolute; 
    top: 5px;
    left: 5px;
    width:15px;
    height:15px;
    text-align:none;
    border: solid thin;
}

.grid-item  img.card_icon_right {
    position:absolute; 
    bottom: 5px;
    right: 5px;
    width:15px;
    height: 15px;
    text-align:none;
    border: solid thin;
}

#game_list  {
    width: 75%;
    margin: auto; margin-top: 20px; margin-bottom: 20px;
    border: solid green;
    border-radius: 10px;
    background: green;
    gap: 3px;                             /* Spacing between cells */
}

.grid-item {
    font-family: 'Bagel Fat One', courier; font-size: 2em; padding: 0px; margin: 0; 
    position:relative;
    text-align: center;
    border: solid white;
    border-radius: 10px;
    display: flex;
    justify-content: center; /* Aligns horizontally */
    align-items: center;     /* Aligns vertically */
}


.about {
    color: black;
    margin: 20px 0;
}

.about h3 {
    margin-bottom: 10px;
}

.about h2,h3,h4 {
    font-family: 'Bagel Fat One';
    color:#228B22;
}

/*
Forest Green
HEX #228B22
*/

.footer 
{
    margin: 0 auto;
    color: black; 
    width: 100%;
    text-align:center;
}

.footer h4,h5 {
    margin: 0 auto;
    font-family: courier;
}

.gdc_ads {
    width:160px;
    height:400px;
    text-align:center;
    /*background: url("/images/super_man_tenor.gif"); */
    /*background-size:contain; */
    background-size:cover;
    background-position:center;
	display:none;
}

.gdc_ads_no_img {
    width:160px;
    height:400px;
    text-align:center;
	display:none;
    
}

#gdc_ads_left {
    margin-left:40px;
    margin-top: 50px;
    float:left;
}

#gdc_ads_right {
    margin-right:40px;
    margin-top: 50px;
    float:right;
}