general.css

*{
	margin: 0;
	padding: 0;
}
html {
min-width: 1040px;
}
 
body {
	color: white;
	font-family: atrament-web, sans-serif;
	position: relative;
	width: 1600px;
	height: 1800px;
}

#pitch_div{
    width: 1600px;
    height: 900px;
    background-color: #185751;
    position: relative;
    left: 0;
}

#pitch{
	position: relative;
	left: 100px;
	top: 60px;
}

#timevis{
	position: relative;
	left: 180px;
	top: 50px;
	z-index: 2;
}

#pitch-team-selector{
    position: relative;
    left: 400px;
    top: 40px;
}
#pitch, #timevis{
	float: left;
}
#playerInfo{
	clear: both;
	position: relative;
	left: 1000px;
	top: -400px;
	width: 280px;
	height: 300px;
}
.playerInfoWrapper h2{
	font-size: 2.5em;
	overflow: hidden;
  	text-overflow: ellipsis;
  	resize: horizontal;
  
}
#nameCard{
	position: relative;
    top: -290px;
    text-align: center;
    width: 280px;
}
#playerInfo ul{
	list-style-type: none;
	text-align: left;
	position: relative;
	top: 35px;
	left: 30px
}
#playerInfo li{
	font-size: 25px;
}
li .importantInfo{
	font-weight: 200;
}
#pLegends{
	clear: both;
	position: relative;
	left: 640px;
	top: -80px;
	width: 200px;
}
#mask rect{
	fill: none;
	pointer-events: all;
}

#tutorial3{
	width: 1600px;
	height: 800px;
	position: relative;
	top: -1250px;

}
.playerInfoWrapper{
	width: 280px;
	height: 300px;
}
#tutorial3 text{
	font-size: 13px;
	font-family: Futura;

}
#tLegends{
	position: relative;
	left: 630px;
	top: -830px;
	pointer-events: all;
	z-index: 0;
	font-family: Futura;
	font-size: 14px;
}

#back{
	position: relative;
	top: -350px;
	left: 1200px;
	color: white;
	text-decoration: none;
	background-color: #537766;
	padding: 3px 6px;
	border-radius: 3px;
}