Index2.css

body{
	background: #2C3E50; 
	background: linear-gradient(to left, #2C3E50 , #FD746C);
    font: 75% georgia, sans-serif;
	line-height: 1.88889;
	font-size: 16px;
}
img{
	height: 400px;
	width: 500px;
	margin: 0;
	box-shadow: 5px 4px 4px #2f3e50;
}
#a{
	font-size: 45px;
	color: white;
	text-align: center;
	text-shadow: 5px 4px 4px #2f3e50;
}
div[class="mid"]{
	height: 400px;
	width: 500px;
}
.mid{
	margin: 0 auto;
	color: #232323;
}
p:first-of-type::first-letter{
	font-size: 200%;
	color: #672212;
}
img:hover{
	animation: my 2s infinite;
}
@keyframes my{
	0%{
		opacity: 1;
	}
	50%{
		opacity:0.5;
		transform: scaleX(1.5) scaleY(1.5);
		box-shadow: 10px 10px 5px #2f3e50;
	}
	100%{
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
}
#a:hover{
	animation: my 2s infinite;
}
p{
	border: 2px solid #552216;
	padding: 20px 40px;
	box-shadow: 10px 5px 5px #2C3E50;
	text-shadow: 5px 4px 4px #2f3e50;
	border-radius: 20%;
}
div[class="nav"]{
  width:100%;
  height: 32px;
  background: black;
  color:white;
}
.in {
  float: left;
  margin-left: 100px;
  height: inherit;
}
.in2{
  float: right;
  margin-right: 100px;
  height: inherit;
}
button{
	height: inherit;
	background: white;
	border: 1px solid black;
}
a{
	height: inherit;
}
body,html{
	margin: 0;
}
button:hover{
	background: #FD746C;
}