*{
	color:#7bbdf4;
 }

body{
	background: rgb(255,176,230);
	background: radial-gradient(circle, rgba(255,176,230,1) 20%, rgba(151,201,242,1) 60%, rgba(255,255,255,1) 100%);
	background-repeat: no-repeat;
	height: 100vh;
}

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

header{
	margin-left: 70%;
}

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

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

a{
	text-decoration: none;
}

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

article{
	margin-top: 17%;
	margin-left: 33%;
	flex:50%;
	padding: 0 4px;
}

video {margin: auto;}

footer{
	margin-left: 55%;
	margin-top: 20%;
}

ol li{
	font-family: 'romantic';
	letter-spacing: 5px;
	line-height: 20pt;
	text-shadow: 2px 2px 6px #ffb0e6, 0 0 10em #ffb0e6;
	font-size: 10pt;
}

@media only screen and (max-width: 800px) { 
  	video{
  		width: 160px;
  		height:120px;
  		margin-top: 18vh;
  		margin-left: 0vw;
  	}
}