#main-holder{
  height: 15%;
  display: grid;
  background-color: grey;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px black;
  justify-content: center;
}

#player-holder{
  height: 85%;
  display: flex;
  background-color: grey;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px black;
  align-items: center;
  justify-content: center;
}


#h1{
  height: 100%;
  width: 10%;
  display: grid;
  background-color: grey;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px black;
  justify-content: center;
  margin: 3;
}

#h2{
  height: 100%;
  width: 100%;
  display: grid;
  background-color: grey;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px black;
  justify-content: left;
  margin: 0;
}

#h3{
  height: 100%;
  width: 30%;
  display: grid;
  background-color: grey;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px black;
  justify-content: center;
  margin: 3;
}


.time {
	width: 100%;
    height: 75%;
	display: flex;
	background-color: light-white;
	font-family: Arial;
    box-shadow: 0px 0px 0px 5px blue;
	border-radius: 15px;
	font-size: 75px;
	align-items: center;
	justify-content: center;
	align-items: center;
}


.p1 {
	width: 100%;
    height: 80%;
	display: flex;
	font-family: arial;
	background-color: light-white;
    box-shadow: 0px 0px 5px 3px black;
	border-radius: 15px;
	font-size: 50px;
	align-items: center;
	margin: 0;
	justify-content: center;

}
.p2 {
	width: 141vh;
    height: 85%;
	display: flex;
	font-family: arial;
	background-color: light-white;
    box-shadow: 0px 0px 5px 3px black;
	border-radius: 15px;
	font-size: 50px;
	align-items: center;
	margin: 0;
	justify-content: left;
}
.p3 {
	width: 100%;
    height: 80%;
	display: flex;
	font-family: arial;
	background-color: light-white;
    box-shadow: 0px 0px 0px 5px red;
	border-radius: 15px;
	font-size: 50px;
	align-items: center;
	margin: 0;
	justify-content: center;
}