body {
    background: #292929;
    color: #dbcbcb;
    margin-top: 5rem;
  }
  
  h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
  }
  
  .bg-steel {
    background-color: #1b1b1b;
  }
  
  .site-header .navbar-nav .nav-link, .btn{
    color: #dbcbcb;
  }
  
  .site-header .navbar-nav .nav-link:hover, .btn:hover{
    color: #ffffff;
  }
  
  .site-header .navbar-nav .nav-link:active, .btn:active{
    font-weight: 500;
  }
  .nav-link:active{
    background: #4d4d4d;
  }
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
	  background-color: #4d4d4d;}
  .navbar-nav{
    align-items: flex-start;
  }

  .content-section {
    background: #383838;
    padding: 10px 20px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin-bottom: 20px;
  }
  
  .article-title {
    color: #e3e3e3;
  }
  
  a.article-title:hover {
    color: #f0f0f0;
    text-decoration: none;
  }
  
  .article-content {
    white-space: pre-line;
  }
  
  .article-img {
    height: 65px;
    width: 65px;
    margin-right: 16px;
  }
  
  .article-metadata {
    padding-bottom: 1px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e3e3e3
  }
  
  .article-metadata a:hover {
    color: #333;
    text-decoration: none;
  }
  
  .article-svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
  }
  
  .account-img {
    height: 125px;
    width: 125px;
    margin-right: 20px;
    margin-bottom: 16px;
  }
  
  .account-heading {
    font-size: 2.5rem;
  }




  .profile-table {
    width: 50%;
  }
  .pie-chart{
    width: 60%;
  }
.mmr-history{
	width: 80%;
}
.profile-list-table{
	width: 70%	
}
@media only screen and (max-width: 768px) {
  .profile-table {
    width: 85%;
  }
   .pie-chart{
    width: 90%;
  }
.mmr-history{
	width: 95%;
}
.profile-list-table{
	width: 90%	
}
}




  table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 70%;
  }
  
  td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
  }
  
  tr:nth-child(even) {
    background-color: #3d3d3d;
  }
  h1 {
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  }

  div.wrapper {
		position: relative;
		clear: both;
		width: 100%;
    overflow: auto;
    align-content: center;
		}
		div.left {
    float: left;
    width: 20%;
    min-width: 120px;
    align-content: center;
		}	
		div.right {
    float: right;
    width: 80%;
    align-content: center;
    }
    .warning, .warning h3{
      color: rgb(255, 27, 27);
    }
  a {
    color: #c8d7ea;
    }