* {
    margin: 0;
    padding: 0;    
}

body::before {
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
    z-index: 100;
  }

body {
    background-color: #232323;
}

div#header {
    background-color: #1b1b1b;
    background-image: url("header-background-image.svg");
    border-bottom: solid 1px #1b1b1b;
    height: 68px;
}

div#header h1 {
    color:#ffffff;
    font-family: Arial, Helvetica, sans-serif;

}

div#navigation {
    width: 60%;

    margin: auto;
    padding: 10px;
}

div#forum {
    width: 60%;
    
    margin: auto;
    padding: 10px;

}

div#breadcrumbs {
    background-color: #292929;
    margin-top: 20px;
    margin-bottom: 15px;

    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);

    padding: 8px;
    font-size: 0.9em;
}

div#breadcrumbs a {
    /*color:#716E6E;*/
    font-family: Arial, Helvetica, sans-serif;

    color: #eee;;
    text-decoration: none;
    filter: brightness(85%);
}

a {
    text-decoration: none;
}

div#breadcrumbs a:hover,
div#breadcrumbs a:active {
 color:#c3c2c2;
 text-decoration: underline;
 filter: brightness(85%);
}

div.sections {
    background-color: #343434;
    margin-bottom: 15px;

    -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
}

div.theadf {
    background-color: #446081;
    padding: 4px;
}

div.theadf a {
    color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-weight: lighter;

}

a.tlink:hover{
    /*color: #c3c2c2;*/
    text-decoration: underline;
}

a.tlink:active{
    color: #c3c2c2;
}

div.tcontent {
    padding-top: 4px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
}

div.tcontent p {
    color:#E2E2E2;
    font-family: Arial, Helvetica, sans-serif;

}


footer {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    background-color: #272727;
    width: 100%;
    min-height: 200px;

    -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);

    padding-top: 10px;
    padding-bottom: 20px;
}

ul {
    position: relative;
    list-style: none;
    margin-top: 5px;
    color: rgb(220, 220, 220);
  }
  

div#ftcontent {

    position: relative;

    width: 60%;

    margin: auto;
    padding: 10px;

    font-family: Arial, Helvetica, sans-serif;

    /*display: flex; */
}

div#bottomf {

    position: absolute;

    width: 60%;

    margin-left: auto;
    margin-right: auto;
    padding: 10px;

    bottom: 2px;
    margin-bottom: 2px;

    text-align: center;
    /*display: flex; */
    color:rgb(250, 250, 250);;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;

    filter: brightness(70%);
    
}


div.ftitem {

    /*border:solid 1px white;*/
    padding: 4px;

}

div.ftitem h2 {
    color:rgb(220, 220, 220);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter

}

div#i1 {
    float:left;
    margin-right: 100px;
}

div#i2 {
    float:left;
    margin-right:100px
}

div#i3 {
    float:left;
    /*placeholder*/    
}

div#i4 {
    float:right;
    max-width: 400px;
}

div#i4 p
{
    margin-top: 5px;
    color: rgb(220, 220, 220);
}

.GS-logo {
    display: inline;
    float: left;
    background-color: #0f0f0f;
    display:inline-block;
    text-decoration:none;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left:6px;
    padding-right:6px;

    -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);

    font-size: 1.1em;
   
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;

    border-right: solid 1px #0f0f0f;
    border-left: solid 1px #0f0f0f;
    transition: 0.3s;
  }

.parallelogram{
    transform: skew(-20deg);
  }
  
.skew-fix{
    display:inline-block;
    transform: skew(20deg);
}

#G {
    color: #9d9c9c;
    font-weight: 700;
}

#S {
    color:#446081;
    font-weight: 700;
}

.GS-logo:hover {
    /*background-color: #020202;*/
    filter: brightness(70%);
    opacity: 0.95;
    border-right: solid 1px #0f0f0f;
    border-left: solid 1px #0f0f0f;

    -moz-box-shadow: 0px 1px 0px 0px rgba(68, 96, 129, 0.3);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(68, 96, 129, 0.3);
    box-shadow: 0px 1px 0px 0px rgba(68, 96, 129, 0.3);
}

.row{
        display: flex;
        padding: 8px;
        /*border-bottom: 1px solid rgb(46,46,46);*/
    }
.filler{flex-grow:1; text-align:center}

.left:nth-child(2n) {
    margin-left: 50px;
  }

.tstats {
    margin-right: 50px;
}

.col
{
    color:rgb(220, 220, 220);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter 
}

.icon {
    font-size: 2em;
    color:#859db3;
}