body{
 	background: radial-gradient(circle farthest-corner at left center, rgba(255,176,230,1) 20%, rgba(151,201,242,1) 60%, rgba(255,255,255,1) 100%);	background-size: cover;
  	background-repeat: repeat;
  	background-size: cover;
  }

@font-face{
	font-family: 'romantic';
	src: url(../font/romantic.ttf);
}

header{
	margin-left: 70%;
}

h1, h2, h3{
	color: #073763;
	font-family: 'romantic';
	font-size: 20pt;
	letter-spacing: 10px;
	text-shadow: 2px 2px 6px hotpink, 0 0 10em hotpink;
}

h2{	text-shadow: 2px 2px 6px #047694, 0 0 10em #047694;
}

h3 {
	font-size: 10pt;
}

h4, h5{
	margin-top: 0;
	margin-bottom: 0;
}

p{
	font-size: 11pt;
}

ul{
	list-style: none;
	font-size: 10pt;
	line-height: 14pt;
}

a{
	text-decoration: none;
	color:#073763;
}

a:hover{
	text-shadow: 2px 2px 6px hotpink, 0 0 10em hotpink;
}

article {
	display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15vw;
    color: #073763;
    width: 50%;
} 

#line1, #line2, #line3, #ine4, #line5, #line6, #line7 {
	line-height: 14pt;
	padding-left: 5%;
	padding-right: 5%;
}

#line1:hover, #line2:hover, #line3:hover, #line4:hover, #line5:hover, #line6:hover, #line7:hover {
	transform: scale(2, 10);
	color:hotpink;
	text-shadow: 2px 2px 6px #e544c6, 0 0 10em #e544c6;
}

#line2:hover, #line5:hover{
	text-shadow: 120px 12px #00AEEF;
}

#line3:hover, #line7:hover{
	text-shadow: 60px 200px #59CBE8;
}

#line1:hover, #line6:hover {
	text-shadow: 30px -50px #2E67F8;
}

#line4:hover {
	text-shadow: none;
}

#line3{
	min-width: 80px;
}

img{
	width: 10%;
	float: right;
	transform:rotate(350deg);
	border-radius: 18%;
	box-shadow: 0 0 10em hotpink, inset 0 0 18px 0 hotpink;
}

img:hover{
	transform: scale(2);
	transition-duration: 5s;

}

ol li{
	font-family: 'romantic';
	letter-spacing: 5px;
	line-height: 20pt;
}

footer{
	margin-top: 1000px;
}

@media only screen and (max-width: 800px){
	h1{
		font-size: 18pt;
	}

	article{
		display: block;
	}

	#line1, #line2, #line3, #line5, #line6, #line7 {
		max-width: 80px;
		margin-top: 80px;
	}
	
	#line3{
		margin-top: 0;
	}
	
	#line4{
		display: none;
	}

	img{
		width: 30%;
	}
}