.box{
height:730px;
width:1400px;
margin:auto;
border:4px solid black;
margin-left: 50px;
/*margin-right:60px;*/
background-color: rgb(214, 245, 245);
}

.container1{

background-color: #bb2525;
width:1400px;
height:120px;
color:white;
}
.copyright{
height:20px;	
width:1400px;
background-color:black;
top:710px;
padding-top: 3px;
color:white;
border: auto;
text-align: center;
}
.container2{
	width: 870px;
	height:500px;
	background-color: #000000;
	margin-top: -47px;
	margin-left:110px;
	border:20px solid #D36B19;
}
.theory{
	position:absolute;
	margin-left:530px;
	margin-top:50px;
	font:26px solid black;
}
.button{
	background-color: #4CAF50; 
  border: none;
  color: white;
  border-radius: 31px;
  padding: 10px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
  margin-left:1230px;
}

.button:hover{
  background-color: rgb(42, 153, 42);
}

.button:active {
  background-color: rgb(42, 153, 42);
  transform: translateY(4px);
}

.pbutton{
	background-color: #4CAF50; 
  border: none;
  color: white;
  border-radius: 31px;
  padding: 10px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
  margin-left:1100px;
}

.pbutton:hover{
  background-color: rgb(42, 153, 42);
}

.pbutton:active {
  background-color: rgb(42, 153, 42);
  transform: translateY(4px);
}