/*#region generalCSS*/
@font-face {
  font-family: 'Pixelify-Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/PixelifySans-Regular.ttf') format('truetype');
}
:root{
  --box-color:#416b77;
  --border-color:#256360;
  --text-color:#fff9db;
}

html{
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
  scrollbar-width: auto;
  scrollbar-color: var(--box-color) #aed4c4;
}
h1{
  color:#7effc9;
  font-size: 4em;
  margin:0;
  font-family:'Pixelify-Sans';
  text-shadow:3px 5px 3px#09351b ;
}
p{
  font-family: 'MS Gothic';
  font-size: 16px;
  color: var(--text-color);
}
body{
  background-image: url("/bg/gaming-pattern-2.png");
  background-repeat:repeat;
  text-align:center;
  background:cover;
  background-size:auto;
  font-family: 'MS Gothic';
  color: var(--text-color);
}
.container{
  width:900px;
  margin:auto;
  overflow:visible;
  white-space: collapse;
}
.content{
  border-style:dashed;
  border-radius: 3px;
  border-width: 5px;
  background-color:var(--box-color);
  border-color:var(--border-color);
}
a{
  color:#7effc9;
}
ol{
  display: inline-block;
  text-align: left;
}

.site-nav{
  margin: 10px auto 15px;
  font-size: 20px;
  width: 890px;
  padding:5px 0px;
  font-family:'Courier New', Courier, monospace;
}
.site-nav a{
  text-decoration: none;
}
.site-nav span{
  color:var(--text-color);
  font-weight: bolder;
} 
/*#endregion*/ 
/*#region legalityCSS*/
.emulator-legality{
  width:490px;
  display:inline-block;
  vertical-align: top;
  padding:15px 20px;
  margin:0px 20px 20px auto;
}
.rom-legality{
  width:280px;
  display:inline-block;
  vertical-align: top;
  padding:15px 20px;
  margin:0px auto 20px;
}
.copyright{
  vertical-align: top;
  padding:20px 25px;
  margin:0px auto 20px;
}
/*#endregion*/ 
/*#region aboutCSS*/
.games{
  width:420px;
  display:inline-block;
  vertical-align: top;
  padding:15px 20px 15px;
  margin:0px 20px 20px auto;
}
.console{
  width:350px;
  display:inline-block;
  vertical-align: top;
  padding:15px 20px 11px;
  margin:0px auto 20px;
}
.caption{
  font-size: 12px;
}
/*#endregion*/ 
/*#region benefitsCSS*/
.preservation{
  display:inline-block;
  vertical-align: top;
  padding:15px 20px;
  margin:0px auto 20px;
}
.accessibility{
  display:inline-block;
  vertical-align: top;
  padding:15px 20px;
  margin:0px auto 20px;
}

/*#endregion*/ 
.home{
  width: 850px;
  display:inline-block;
  vertical-align: top;
  padding:15px 20px;
  margin:0px auto 20px;
}