html {
  font-size: 10px;
  font-family: 'Open Sans', sans-serif;
}

h1 {
  font-size: 60px;
  text-align: center;
}
.main {
	display:grid;
	grid-template-columns:250px 1fr 200px;
	color:orange;
}
.box1 {
	background:green;
}
.box2 {
	text-align:center;
	padding: 0 9px 0 9px;
}
.box2img {
	float:left;
}
.box2img:hover {
	 transform: scale(1.1); 
}
.box3 {
	background:green;
	text-align:center;
}
.box3img:hover {
	transform: scale(1.); 
}
.box3img {
	
}
p, li {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1px;
}
.arrow {
	float:right;
}



body {

  margin: 0 auto;
  background-color: #000;
  color:#fff;
  padding: 0 20px 20px 20px;
  border: 25px solid white;
}
header {
	border-bottom:10px solid purple;
}

h1 {
  margin: 0;
  padding: 20px 0;
  color: yellow;
  text-shadow: 3px 3px 1px white;
}
.bttn {
	margin-left:600px;
	
	
	text-align:center;
	font-size:3em;
}


ftr {
	margin-top:85px;
}
img {
	margin-top:56px;
	float:left;
	padding:10px;
}

img:hover {
	 transform: scale(1.6); 
}
a {color:yellow;}
a:hover {
  color: hotpink;
}