* { margin:0; padding:0; }

body{
	background-color: #002e6d;
	font-family: 'Hind', sans-serif;
}
.title{
	margin: 5%;
	margin-bottom: 0 !important;
	color: white;
	text-transform:  uppercase;
	width: 90%;
}
ul {
    width:90%;
    margin:0 auto;
    padding:0;
    list-style:none;
    text-align: center;
}
li {
    display:inline-block;
    width:18%;
    margin:0;
    padding:0;}


.body{
	margin: 4%;
	margin-top: 0 !important ;
	background-color: white;
}

.base_circle{
	fill: white;
}
.section{
	display: flex;	
}
.baseballfield{
	width: 32%;

	
}

div.buttons{
  	width: 32%;
  	margin-top: 50px !important;
  	text-align: center;

}

.simulation_field{
	width: 34%;
}

.play_buttons{
	background-color: #e6e6e6; 
    border-color:#d3d3d3 ;
    display: inline-block;
    color: #717171;
    padding: 15px 32px;
    text-align: center;
    font-size: 16px;
    margin: 20px;
}
.dropdown{
	margin: auto;
}
#batterselection{
	margin: inherit;
}
#pitcherSelection{
	margin: inherit;
}
.game_info{
	text-transform:  uppercase;
	padding-top: 10px;
}


#baseballHist{
	width: 1100;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
}

#salaryHist{
	width: 1100;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.xaxis{
	font-size: 12px;
}


.R{
	fill: #A52A2A;
}
.L{
	fill: #000088;
}

.SALARY{
	fill: #458B00;
}

.key{
	font-size: 14px;
}

.legend{
	text-align: center;
}

.battingaveLine{
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.line{
	fill: none;
	stroke: #A52A2A;
	stroke-width: 2px;
}
.graph_title{
	font-size: 20px;
	font-weight: 900;
	text-align: center;

	
}

.base_players{
	font-weight: bold;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.pitcher{
	font-weight: bold;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.axis path,
.axis line{
	fill: none;
	stroke: black;
	shape-rendering: crispEdges;
}