div{
	box-sizing: border-box;
}

body{

	background-color:white;
	margin-top:180px;
}
h1{
	font-family: Helvetica; 
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	color:black;
			text-decoration: overline;
	-webkit-transition-property:color, text;
				-webkit-transition-duration: 1s, 1s;
				-webkit-transition-timing-function: linear, ease-in;
				-moz-transition-property:color, text;
				-moz-transition-duration:1s;
				-moz-transition-timing-function: linear, ease-in;

				-o-transition-property:color, text;
				-o-transition-duration:1s;
				-o-transition-timing-function: linear, ease-in;
}
h1:hover{
		color:#E59866 ;
		transform: rotate(10deg)
				}


		.main{	
		width: 80%;
		height: 500px;
		margin: 200px auto;	
		overflow: auto;
	}


		
		#overline{
		text-decoration: overline;
		font-size: 0.7em;}


		.center{
		text-align: center;
		padding: 40px;
	}
				.info
				{
				color:#black;
						text-transform: lowercase; 
						letter-spacing:20px;
						text-decoration: line-through;
				font-family:Aria;
				font-size:20px;
				font-weight:bold;
				-webkit-transition-property:color, text;
				-webkit-transition-duration: 1s, 1s;
				-webkit-transition-timing-function: linear, ease-in;
				-moz-transition-property:color, text;
				-moz-transition-duration:1s;
				-moz-transition-timing-function: linear, ease-in;

				-o-transition-property:color, text;
				-o-transition-duration:1s;
				-o-transition-timing-function: linear, ease-in;
				}
				.info:hover
				{
					color:#E59866 ;
				}
p {
  animation-duration: 5s;
  animation-name: slidein;
  animation-iteration-count: 1;
}

@keyframes slidein {
  from {
    margin-left:100%;
    width:300%
  }
  
  to {
    margin-left:0%;
    width:100%;
  }
}