/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

.share-tech-mono-regular {
  font-family: "Share Tech Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

body {
  margin-left: 5%;
  margin-right:5%;
  background-color: OldLace;
  color: Black;
  font-family: 'Quicksand';
  line-height: 1.5;
}

header{
  text-align:center;
  margin-top: -10px;
  color: darkgreen;
  font-family: Verdana;
}

header a{
  color: DarkGreen;
  padding: 0.3em;
}

header a:hover{
  background-color: Mediumseagreen;
  color: SeaShell;
  padding: 0.3em;
  padding-top:0.1em;
  border-radius: 0.5em;
}

a{
  color:DarkGreen;
}

a:hover{
  color:MediumSeaGreen;
  }
  
.container{
  position: absolute;
    top: 30%;
    left: 0;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 25em;
  border: DarkGreen 3px solid;
  }
  
.title{
  text-align:center;
  color:black;
  }
  

.about{
  margin: 20%;
  margin-top: 0;
  padding: 1em;
  padding-top: 10px;
  background-color: OldLace;
  margin-bottom:5em;
  }
  
.textbox{
  margin-left: 4in;
  margin-right: 4in;
  text-align:center;
  background-color: OldLace;
}

.music{
  text-align:center;
  position:absolute;
    top:1%;
    left:83%;
    height:5em;
    width:20em;
  font-size:8px;
  border: DarkGreen 3px solid;
  }
  
.pagetitle{
  font-family:"Special Elite"
  }
  
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.journal{
  position:absolute;
    top: 6em;
    left: 21.5em;
    width: 33%;
  font-family: 'Grape Nuts';
  font-size: 20px;
  line-height: 1.33;
}

.txtentry{
  display: block;
  margin-left:auto;
  margin-right:auto;
  padding-left:3em;
  padding-right:3em;
  background:Black;
  color:MediumSeaGreen;
  border: Gray 5px solid;
  border-top: Gray 30px solid;
  margin-top:1em;
  width: 45%;
  font-family: 'Pixelify Sans';
  line-height:1.5;
  font-size:20px;
box-shadow: 8px 8px 4px #404040;
}

.wcbb{
  position:absolute;
    top:1em;
    left:1.5em;    
}

.wcnav{
  position:absolute;
    top:1em;
    right:1.5em;
}

.game{
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:-1.25em;
  width:100%;
  height:20em;
  padding-left:2em;
  padding-right:2em;
  padding-bottom:1em;
  padding-top:1em;
  border: DarkGreen 3px solid;
  border-top:none;
}

.gamebar{
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:108%;
  border: DarkGreen 3px solid;
}

.gamebutton{
  background:none;
  border:none;
  text-align:center;
  padding-top:0.65em;
  padding-left:0.6em;
  padding-bottom:0.55em;
  padding-right:0.6em;
}

.gamebutton:hover{
  background:mediumseagreen;
  padding-bottom:0.55em;
  padding-left:0.6em;
  padding-right:0.6em;
  padding-top:0.65em;
}

.activetab{
  color:red;
  background:mediumseagreen;
  padding-bottom:0.55em;
  padding-left:0.6em;
  padding-right:0.6em;
  padding-top:0.65em;  
}

.gaming{
  margin-left:12.5%;
  margin-right:17.5%;
}

.steamprofile a{
  color:DarkGreen;
  text-decoration:none;
}

.steamprofile a:hover{
  color:mediumseagreen;  
}

.steammini{
  position:absolute;
    top: 13em;
    left: 48.4em;
}

.updatesbox {
  position:absolute;
  top:23em; left:0%;
  border:none;
  padding:0;
  width:95%;
  max-height:20em;
  height:auto;
  margin-right:-10%;
  z-index: 2;
  background:none;
  float:right;
  overflow-y:auto;
}

.codebutton{
  color:darkgreen;
  text-align:center;
  padding:0.2em;
  background:mediumseagreen;
  text-decoration:none;
}

.codebutton:hover{
  color:oldlace;
}