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 */
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; }

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:1.1em; right:50px; top:50px; 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 } */

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

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

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


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


#header #banner_home { position: absolute;top:10px; right: 15px; }

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


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

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

#game_list  {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 equal-width columns */
    grid-template-rows: repeat(3, 1fr);   /* 3 rows that adapt to content height */
    gap: 3px;                             /* Spacing between cells */
    width: auto;
    margin: auto; margin-top: 20px; margin-bottom: 20px;
    border: solid green;
    border-radius: 10px;
    background: green;
    padding:5px;
}

.grid-item {
    font-family: 'Bagel Fat One', courier; font-size: 3em; 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-left:40px;
    /*margin: 20px 0;*/
    width:75%;
}

.about h3 {
    margin-bottom: 10px;
}
.about h2, .about h3, .about h4 {
    font-family: 'Bagel Fat One';
    color:#228B22; /* forest green */
}

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

.footer h4, .footer h5 {
    margin: 0 auto;
/*    font-family: 'Bagel Fat One'; */
    font-family: courier;
}

/* mobile edits */

#gdc_mobile_ad {
    display:none;
}

/* mobile edits */

.gdc_ads h4 {
    margin-top:-25px;
}

.gdc_ads {
    width:160px;
    height:300px;
    text-align:center;
    border:none;
    padding:1px;
}

.gdc_ads_no_img {
    width:160px;
    height:300px;
    text-align:center;
    border:dashed thin;
}

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

#gdc_ads_right, #gdc_no_ads_right  {
    margin-right:40px;
    margin-top:50px;
    float:right;
/*    border:white solid dotted; */
}

p.privacy {
    color:black;

}