html
{
	height: 100%;
	width: 100%
	margin: 0;
	padding: 0;
}

body
{
	background-color: #333;
	text-align: center;
}

h1
{
	color: red;
	font-size: 50px;
}

img
{
	-webkit-animation-name: anim;
    -webkit-animation-duration: 5s;
    animation-name: anim;
    animation-duration: 5s;
	animation-iteration-count: infinite;
	border-radius: 50%;
	margin-bottom: 100px;
}

.bt
{
	text-decoration: none;
	border: solid 3px #326ba0;
	color: #326ba0;
	padding: 20px 70px;
	font-size: 30px;
}

.bt:hover
{
	color: #fff;
	background-color: #326ba0;
}

@-webkit-keyframes anim 
{
	0% {transform: rotateZ(0deg);}
	33% {transform: rotateZ(-45deg);}
	66% {transform: rotateZ(45deg);}
	100%{transform: rotateZ(0deg);}
}

@media screen and (max-width: 800px) 
{

h1
{
	color: red;
	font-size: 20px;
}

img
{
	height: 250px;
}

}