/* 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." */

/* unvisited link */
a:link {
  color: #33adff;
}

/* visited link */
a:visited {
  color: #33adff;
}

/* mouse over link */
a:hover {
  color: #33adff;
}

/* selected link */
a:active {
  color: #33adff;
}

@font-face {
    font-family: 'Main'; /*a name to be used later*/
    src: url('http://sevensystems.neocities.org/fonts/minecraft.otf'); /*URL to font*/
}

body {
  image-rendering: pixelated;
  margin: 0;
  color: #969696;
  font-family: 'Main';
  font-size: '6px';
  background-image: url('minecraft/bg_main.png');
  background-size: 128px 128px;
  text-align: center;
}

h1 {
  font-size: '12px';
  font-weight: normal;
  color: #f2f2f2;
}

footer {
  padding: 20px 20px;
  background-image: url('minecraft/bg_bar.png');
  background-size: 128px 128px;
  box-shadow: 0 0 5px 0 #000;
}

.main {
  padding: 16px;
  margin-top: 65px;
  height: auto; /* Used in this example to enable scrolling */
}
/* Add a black background color to the top navigation */
.topnav {
  z-index: 1000;
  overflow: hidden;
  position: fixed;
  top: 0;
  background-image: url('minecraft/bg_bar.png');
  background-size: 128px 128px;
  display: flex;
  flex-direction: row;
  justify-content: center !important;
  box-shadow: 0 0 5px 0 #000;
  width: 100%;
}

/* Style the links inside the navigation bar */
.topnav a {
  font-family: "Main";
  color: #969696;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
  font-size: 15px;
  vertical-align: middle;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #f2f2f2;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #176EC4;
  color: #ebebeb;
}

.itembox {
  border-radius: 5px;
  background-image: url('minecraft/bg_bar.png');
  background-size: 128px 128px;
  background-color: #2d2e31;
  overflow: hidden;
  width: 500px;
  height: auto;
  margin: auto 2em;
  position: relative;
  box-shadow: 0 0 5px 0 #000;
}

.itembox img {
  border-radius: 5px;
   width: 500px;
  height: 281px;
}

.itembox p {
  margin: 1em 1em;
}

.itembox a {
  border-radius: 10px;
  display: block;
  font-family: "Main";
  color: #f2f2f2;
  margin: 1em 1em;
  padding: 1em;
  background-color: #646464;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}

.itembox a:hover {
  background-color: #464646;
}

.articlebox {
  border-radius: 5px;
  background-image: url('https://sevensystems.neocities.org/minecraft/bg_bar.png');
  background-size: 128px 128px;
  background-color: #2d2e31;
  overflow: hidden;
  width: 800px;
  margin: 2em auto;
  position: relative;
  box-shadow: 0 0 5px 0 #000;
}

.articlebox img {
  border-radius: 5px;
   width: 800px;
  height: 450px;
}

.downloadbox {
  border-radius: 5px;
  background-image: url('https://sevensystems.neocities.org/minecraft/bg_bar.png');
  background-size: 128px 128px;
  background-color: #2d2e31;
  overflow: hidden;
  width: 800px;
  margin: 2em auto;
  position: relative;
  box-shadow: 0 0 5px 0 #000;
}

.downloadbox a {
  border-radius: 10px;
  display: block;
  font-family: "Main";
  color: #f2f2f2;
  margin: 1em 1em;
  padding: 1em;
  background-color: #646464;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}

.downloadbox a:hover {
  background-color: #464646;
}

.plrbox {
  margin: 60px;
  overflow: hidden;
  width: 800px;
  height: 300px;
  margin: 2em auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center !important;
}

.plrdiv {
  padding: 0px 20px;
  width: 150px;
  height: 250px;
}

.plrdiv p {
  padding: 3px;
  color: #f2f2f2;
  top: 0;
  display: inline;
  background-image: url('https://sevensystems.neocities.org/minecraft/bg_bar.png');
  background-size: 128px 128px;
}

.plrdiv img {
  width: 128px;
  height: 250px;
  margin: 10px 10px; 
}

.gameversion {
 background-color: #ff3030;
 padding: 0px 5px;
 border-radius: 4px;
}

.mapversion {
  background-color: #30a5ff;
 padding: 0px 5px;
 border-radius: 4px;
}

.itemcont-2 {
  margin: 2em auto;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
}