body {
	position: absolute;
	width: 100vw;
	background-image: url('../assets/image/texture/clouds.jpg');
}

* {
	box-sizing: border-box;
}

h1 {
	text-align: center;
	font-size: 30px;
	color: #FF0000;
	text-shadow: 2px 2px 8px #000000;
}

h2 {
	text-align: center;
	font-size: 24px;
	color: #5500FF;
	text-shadow: 0px 0px 2px #ff2288;
}

p {
	text-align: center;
	font-size: 16px;
	color: #FF008E;
	/*text-shadow: 2px 2px 8px #000000;*/
}

a:visited {
	color: #0000ff;
}

i {
	font-style: italic;
}

.column {
	float: left;
	width: 33.33%;
	padding: 10px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

#main {
	position: absolute;
	width: 50%;
	left: 0; right: 0;
	margin: auto;
	padding-top: 60px;
}

#links {
	text-align: center;
}

#video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
#video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#bigcast {
	width: 35px;
}

#firephoenix {
	width: 80px;
}

#fire {
	width: 20px;
}

#date {
	width: 60px;
}

#sword2 {
	width: 30px;
}

#fun {
	width: 50px;
}

#dragon {
	width: 50px;
}

#drums {
	width: 70px;
}

#shrug {
	width: 40px;
}

#vase {
	width: 60px;
}

#logo {
	width: 100%;
	text-align: center;
}

#orb1 {
	width: 100%;
}

#banner {
	text-align: center;
	padding-bottom: 80px;
}

#album {
	box-shadow: 0px 0px 20px #ff0000;
	width: 100%;
}

#therapist {
	box-shadow: 0px 0px 20px #0000ff;
	width: 100%;
}

#built {
	box-shadow: 0px 0px 50px #be968a;
	width: 100%;
}

#whatever{
	box-shadow: 0px 0px 50px #e30269;
	width: 100%;
}

#author {
	width: 75%;
	left: 0; right: 0; margin: auto;
}

#phoenix {
	width: 40%;
	left: 0; right: 0; margin: auto;
}

#book {
	width: 20%;
	left: 0; right: 0; margin: auto;
}

#felled {
	width: 60%;
	left: 0; right: 0; margin: auto;
}

@keyframes blink {
	to {
		color: #ff0000;
	}
}
@-webkit-keyframes blink {
	to {
		color: #ff0000;
	}
}

@media only screen 
and (min-device-width: 1px)
and (max-device-width: 1024px)
and (orientation: portrait) {

	#main {
		width: 95%;
	}

	h1 {
		text-align: center;
		font-size: 16px;
		color: #FF0000;
		text-shadow: 2px 2px 8px #000000;
	}

	h2 {
		text-align: center;
		font-size: 14px;
		color: #5500FF;
		text-shadow: 0px 0px 2px #ff2288;
	}

	p {
		font-size: 12px;
	}

	a {
		font-size: 12px;
	}

	#links, #nav {
		font-size: 12px;
	}

	#orb2 {
		width: 50%;
	}

	#sword {
		width: 80%;
	}

	#bigcast {
		width: 20px;
	}

	#fire {
		width: 5px;
	}

	#shrug {
		width: 20px;
	}

	#royaltybar {
		width: 80%;
	}

}