body{font-family: "Times New Roman";margin:0; background:#000; color:#fff;}
hr {border-color: white;margin:0 auto;}

.wrapper{height: 100%;margin:0 auto;width: 990px;}
.wrapper-nav{z-index: 99;height: 70px;width:100%;margin:0 auto;}
.wrapper-maingame{float: left;width:100%;margin:0 auto;max-width: 700px;margin-bottom: 20px;}
.wrapper-marketnews{float:left;width:100%;margin:0;height: 180px;max-width: 700px;}
.profile-image {height: 200px;}
.game-image {width:100%;margin:0 auto;}

.wrapper-inventory{margin:0 auto;float: right;width: 280px;height: 730px;background: #4d4d4d;border: 4px solid White;}
.wrapper-stats{margin:0 auto;float: right;width: 280px;height: 160px;background: #4d4d4d;border: 4px solid White;}

.inventory{list-style: none;margin:0 auto;margin-top: 20px;height: 100%;max-width: 240px;width: 80%; height: 80%}
.stats{list-style: none;margin:0 auto;margin-top: 20px;height: 120px;width: 80%; height: 80%}

.nav {width: 100%;overflow: hidden;background-color: #4d4d4d;border-bottom: 4px solid White;}
.nav a {display: inline-block;color: white;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 20px;}
.nav a:hover { background-color: grey;}
.active {}
.nav .icon {display: none;}

@media screen and (max-width: 600px) {
  .nav a:not(:first-child) {display: none;}
  .nav a.icon {float: right;display: block;}}

@media screen and (max-width: 600px) {
  .nav.responsive {position: relative;}
  .nav.responsive .icon {position: absolute;right: 0;top: 0;}
  .nav.responsive a {float: none;display: block;text-align: left;}}

/* Main content */
.main-content{text-align: center;border: 4px solid white;padding:40px;background:grey;width:80%;margin:0 auto;}
.main-content p {font-size: 20px;}

.main-game {border: 4px solid white;padding:40px;background:grey;width:80%;margin:0 auto;}

  .MarketNews{list-style: none;margin:0 auto;height: 120px;padding:20px 40px 20px 40px;bottom: 0;background: #4d4d4d;width: 80%; border: 4px solid White;}


.MarketNews-Content{float: left;margin:0 auto;display: inline-block;}
.MarketNews-Content li{list-style: none;padding-left: 20px;display: inline-block;;}
.MarketNews-Content h3 {font-weight: bold;text-decoration: underline;}

#PlayerName {font-size: 17px;font-weight: bold;display: block;margin-left: 0px}

.main-content{-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;}
.main-game{-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;}
.wrapper {-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;}

@-webkit-keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}

.form input[type=text], input[type=number]{
    height: 35px;
    width: 30%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	  font-family: "Times New Roman";
}

.form textarea {
   width: 100%;
    height: 30px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
	  font-family: "Times New Roman";
}

.form select {
   width: 20%;
height: 40px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
	font-family: "Times New Roman";

}

.form input[type=submit] {
  height: auto;
    width: 30%;
    background-color: #ff6600;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.form input[type=submit]:hover {
    background-color: #cc5200;
}

.form {
    border-radius: 5px;
    background-color: ;
    padding: 20px;
	font-family: "Times New Roman";
}

button
{
  font-family: Time New Roman;
}
.Next
{
  background-color: grey;
      border: none;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;

}

.Next:hover
{
  color: #4d4d4d;
}