body {
		background: #000000;
		font-family: LemonMilk;
	}
	header {
		text-align: center;	
	}
	span.header{
		font-size: 75px;
		color: white;
	}
	nav {
		color: white;
		text-align: center;
		font-size: 25px;
	}
	a:link {
		color: white;
		text-decoration: none;
	}
	a:visited{
		color: white;
		text-decoration: none;
	}
			a:hover{
				opacity:50% ;
			}
            a.underline{
		    text-decoration: underline
	        }
			li {
				display: inline;
				padding-right: 10px;
				padding-left: 10px;
			}
			img.fall{
				margin-left: 15px;
				margin-right: 15px;
				width: 30px;
				animation-name: fall;
				animation-duration: 2.5s;
				animation-iteration-count: 1;
			}
			img.thumb{
				width: 75%
			}
	div{
		color: white;
		text-align: center;
		justify-content: center;
		align-content: center;
		font-size: 25px;
		margin: auto;
            }
    img.cover {
		width: 100%;
		transform: rotateY(40deg) rotateX(20deg);
		transform-style: preserve-3d;
		outline: solid; 
		outline-color: white; 
		outline-width: 5px; 
	}
	img.cover1 {
		width: 100%;
		transform: rotateY(-40deg) rotateX(20deg);
		transform-style: preserve-3d;
		outline: solid; 
		outline-color: white; 
		outline-width: 5px; 
	}
	img.poster {
		transform: rotateY(-20deg) rotateX(10deg);
		transform-style: preserve-3d;
		outline: solid; 
		outline-color: white; 
		outline-width: 5px; 
		width: 50%;
	}
	div.cover {
		perspective: 500px;
		width: inherit;
		text-align: center;
	}
	div.title{
		width: 300px
	}
	div.underline{
		text-decoration: underline;
		font-size: 50px
	}
	audio {
		padding: 0px;
	}
	video{
		outline: solid; 
		outline-color: white; 
		outline-width: 5px
			}
	div.par2{
				min-width: 500px;
				max-width: 800px;
				max-height: 500px;
				font-size: 17px;
				padding: 10px;
				border: white solid 5px;
				text-align: justify;
				overflow: hidden;
				overflow-y: scroll;
				background-color: #000000;
			}
			div.artTitle{
				font-size: 50px;
				text-decoration: underline;
				padding-top: 50px;
			}
			div.center{
				width: 60%;
			}
			div.ind{
				height: 50px;
			}
			.main{
				max-width: 800px;
			}
			p{
				height: 100px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
			aside{
				display: flex;
				position: fixed;
				width: 20%;
				align-items: center;
				justify-content: center;
				height: 600px;
				z-index: -1;
			}
			aside.left{
				left:0;
			}
			aside.right{
				right:0;
			}
			@keyframes fall {
				0% {
			transform: rotateZ(-30deg) translate(-9px,-11px);
			}
				40% {
			transform: rotateZ(-30deg) translate(-9px,-11px);
			animation-timing-function: ease-in
			}
				64% {
			transform: rotateZ(0deg) translate(0px,0px);
			animation-timing-function: linear
			}
				76% {
			transform: rotateZ(20deg) translate(3px,-7px);
			animation-timing-function: ease-out
			}
				80% {
			transform: rotateZ(20deg) translate(3px,-7px);
			animation-timing-function: linear
			}
				100% {
			transform: rotateZ(0deg) translateX(0px);
			animation-timing-function: ease-in;
			}
		}