*{
	margin: 10px;
	padding: 0;
}
body{
	color: var(--color-clear);
	background-color: var(--color-dark);
	font-family: Arial;
	font-size: 20px;
}
header{
	background-image: url(IMG_20180326_102544707.jpg);
	display: flex;
	align-items: center;
}
h1{
	color: var(--color-colorful);
	font-size: 60px;
}
h2{
	padding: 20px 0 0 0;
}
header img{
	width: 200px;
	height: 200px;
	border-radius: 25%;
	border: 5px solid var(--color-colorful);
}
section img{
	width: 300px;
	height: 300px;
	border-radius: 25%;
	align-content: space-around;
	padding: 60px;
}
nav ul{
	display: flex;
	list-style-type: none;
	padding: 10px;
	float: right
}
a{
	color: var(--color-clear);
	text-decoration: none;
}
nav li a:hover{
	color: var(--color-colorful);
}
footer img{
	width: 40px;
	height: 40px;
	border-radius: 25%;
}
footer{
	display: flex;
	justify-content: center;
}
footer a{
	margin: 20px;
}
input{
	width:50%;
	height: 40px;
}
input[type=text]{
	height: 100px;
	font-size: 15px;
	padding: 0 10px;
}
input[type=e-mail]{
	font-size: 15px;
	padding: 0 10px;
}
button:hover{
	color: var(--color-colorful);
}
button{
	width: 70px;
	height: 30px;
	font-size: 20px;
}
div{
	font-family: times-new-romam-italic;
	font-size: 30px;	
}
div a:hover{
	color: var(--color-colorful);
}