/* START GENERAL FORMAT */

body{
  background-color:#96A8C8;

}

.normalDiv {
  width: 100%;
  padding: 30px;
  background-color:#96A8C8;

}

.normalTable{
  width: 100%;
  min-width: 500px;
  font-size: 10px;
  table-layout: fixed;
  text-align: center;
  border: 1px solid black;
  display: none;
}

.smallerChart{
  max-height: 150px;

}
th, td{
  border: 1px solid black;
}



@media screen and (min-width: 768px){
  body{
  background-color:#9600C8;

}

  .normalDiv {
    width: 750px;
    margin: 0 auto;
  }

  .normalTable{
    font-size: 12px;
  }
}

@media screen and (min-width: 1024px){
  body{
  background-color:#96A800;

}

  .normalDiv {
    width: 960px;
  }

  .normalTable{
    font-size:13px;
  }
}



/*
body{
	background-color:#96A8C8;
	text-align:center;
	font-size:16px;
	font-variant:normal;
	font-family:Lucida,Helvetica,sans-serif;
	font-weight:500;
	text-decoration: none;
	position: absolute;
	left: 50%;
	width: 780px;
	margin-left: -390px;
}

@media only screen and (max-width: 800px) {
  body {
    width: 500px;
    margin-left: -250px;
  }
  #world{
  		
  	
  }
}

#graph-container {
            display: flex;
            align-items: flex-end;
            height: 900px;
            width: 400px;
            border: 1px solid #333;
            padding: 10px;
 }
.bar {
       width: 5px;
       margin-right: 1px;
       background-color: #4CAF50;
       transition: height 0.5s ease;
}
.eq{
	font-variant: normal;
	font-family: Times New Roman;
}



#world {
    padding-bottom: 10px;
}table {
    background-color: whitesmoke;
}td {
    border: 1px solid darkgray;
    width: 10px;
    height: 10px;
}

*/