body{
	margin: 0;
	padding: 0;
	background: #0A0A0A;
}

img {
	position: fixed;
	height: 75%;
	left: 50%;
	top: 50%;
}

/*INTRO & FADING PROPERTIES*/
.intro{
	background: #d3d3d3;
	opacity: 0.95;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 101;
}

.tomSearle{
	width: 1000px;
	height: 184px;
}
	
#tomSearle{
	position: absolute;
	width: 50%;
	height: 50%;
	opacity: 1.0;
	z-index: 101;
}

.fadeOut{
	position: absolute;
	width: 100%;
	height: 100%;

}

/*CONTENT MENU & FUNCTIONALITY*/
.content{ 
	position: absolute;
	top: 50%;
	left:50%;
	overflow: hidden;
}

.content.active{
	transform: scale(10);
	transition-property: transform ;
	transition-duration: 3s;
}

.mandalaMenuPoints{
}

#ears{
	animation:spinLeft 15s linear infinite;
	-webkit-animation:spinLeft 15s linear infinite;
    -moz-animation:spinLeft 15s linear infinite;
    -ms-animation:spinLeft 15s linear infinite;
    -o-animation:spinLeft 15s linear infinite;
}

#rose{
	animation:spinRight 30s linear infinite;
	-webkit-animation:spinRight 30s linear infinite;
    -moz-animation:spinRight 30s linear infinite;
    -ms-animation:spinRight 30s linear infinite;
    -o-animation:spinRight 30s linear infinite;	
}

#pointyLeaves{
	animation:spinLeft 10s linear infinite;
	-webkit-animation:spinLeft 10s linear infinite;
    -moz-animation:spinLeft 10s linear infinite;
    -ms-animation:spinLeft 10s linear infinite;
    -o-animation:spinLeft 10s linear infinite;
}

#pointyLeaves2{
	animation:spinLeft 10s linear infinite;
	-webkit-animation:spinLeft 10s linear infinite;
    -moz-animation:spinLeft 10s linear infinite;
    -ms-animation:spinLeft 10s linear infinite;
    -o-animation:spinLeft 10s linear infinite;
}

#roseHeart{
	animation:spinRight 15s linear infinite;
	-webkit-animation:spinRight 15s linear infinite;
    -moz-animation:spinRight 15s linear infinite;
    -ms-animation:spinRight 15s linear infinite;
    -o-animation:spinRight 15s linear infinite;	
}

#bunnyEars{
	animation:spinLeft 12s linear infinite;
	-webkit-animation:spinLeft 12s linear infinite;
    -moz-animation:spinLeft 12s linear infinite;
    -ms-animation:spinLeft 12s linear infinite;
    -o-animation:spinLeft 12s linear infinite;
}

#centerCircleLeaves{
	animation:spinRight 50s linear infinite;
	-webkit-animation:spinRight 50s linear infinite;
    -moz-animation:spinRight 50s linear infinite;
    -ms-animation:spinRight 50s linear infinite;
    -o-animation:spinRight 50s linear infinite;	
}

/*CONTROLS*/
.mPoint1{
	position: absolute;
	top: 3%;
	left: 45%;
    width: 10%;
    height: 11%;
    z-index: 100;
}

.mPoint2{
	position: absolute;
	top: 5%;
	left: 61%;
    width: 10%;
    height: 11%;
    z-index: 100;
}

.mPoint3{
	position: absolute;
	top: 14%;
	left: 74%;
    width: 10%;
    height: 11%;
    z-index: 100;
}

.mPoint4{
	position: absolute;
	top: 28%;
	left: 83%;
    width: 10%;
    height: 10%;
    z-index: 100;
}

.mPoint5{
	position: absolute;
	top: 44%;
	left: 86%;
    width: 10%;
    height: 11%;
    z-index: 100;
}

.mPoint6{
	position: absolute;
	top: 60%;
	left: 83%;
    width: 11%;
    height: 10%;
    z-index: 100;
}

.mPoint7{
	position: absolute;
	top: 73%;
	left: 75%;
    width: 11%;
    height: 10%;
    z-index: 100;
}

.mPoint8{
	position: absolute;
	top: 82%;
	left: 61%;
    width: 10%;
    height: 11%;
    z-index: 100;
}

.mPoint9{
	position: absolute;
	top: 86%;
	left: 46%;
    width: 10%;
    height: 11%;
    z-index: 100;
}

.mPoint10{
	position: absolute;
	top: 82%;
	left: 31%;
    width: 10%;
    height: 11%;
    z-index: 100;
}

.mPoint11{
	position: absolute;
	top: 74%;
	left: 17%;
    width: 10%;
    height: 11%;
    z-index: 100;
}

.mPoint12{
	position: absolute;
	top: 61%;
	left: 7%;
    width: 11%;
    height: 9%;
    z-index: 100;
}

.mPoint13{
	position: absolute;
	top: 45%;
	left: 3%;
    width: 11%;
    height: 10%;
    z-index: 100;
}

.mPoint14{
	position: absolute;
	top: 29%;
	left: 7%;
    width: 11%;
    height: 10%;
    z-index: 100;
}

.mPoint15{
	position: absolute;
	top: 16%;
	left: 15%;
    width: 11%;
    height: 10%;
    z-index: 100;
}

.mPoint16{
	position: absolute;
	top: 6%;
	left: 29%;
    width: 10%;
    height: 11%;
    z-index: 100;
}

/*SETTINGS OF mPointSVGs*/
.mPointSVG{
	display: none;
	z-index: -1;
}

/*CONTENT2 INNERM & FADING PROPERTIES*/
.content2{
	position: absolute;
	top: 50%;
	left:50%;
}

.songTitle{
	display: none;
}

#statement1, #statement2, #statement3, #statement4, #statement5, #statement6{
	display: none;
}

#audio1{
	position: absolute;
	display: none;
}


#tweet1{
	display: none;
	animation:spinRight 50s linear infinite;
	-webkit-animation:spinRight 50s linear infinite;
    -moz-animation:spinRight 50s linear infinite;
    -ms-animation:spinRight 50s linear infinite;
    -o-animation:spinRight 50s linear infinite;
}

#tweet2{
	display: none;
	animation:spinRight 50s linear infinite;
	-webkit-animation:spinRight 50s linear infinite;
    -moz-animation:spinRight 50s linear infinite;
    -ms-animation:spinRight 50s linear infinite;
    -o-animation:spinRight 50s linear infinite;
}

#tweet3{
	display: none;
	animation:spinRight 50s linear infinite;
	-webkit-animation:spinRight 50s linear infinite;
    -moz-animation:spinRight 50s linear infinite;
    -ms-animation:spinRight 50s linear infinite;
    -o-animation:spinRight 50s linear infinite;
}

#tweet4{
	display: none;
	animation:spinRight 50s linear infinite;
	-webkit-animation:spinRight 50s linear infinite;
    -moz-animation:spinRight 50s linear infinite;
    -ms-animation:spinRight 50s linear infinite;
    -o-animation:spinRight 50s linear infinite;
}

#tweet5{
	display: none;
	animation:spinRight 50s linear infinite;
	-webkit-animation:spinRight 50s linear infinite;
    -moz-animation:spinRight 50s linear infinite;
    -ms-animation:spinRight 50s linear infinite;
    -o-animation:spinRight 50s linear infinite;
}

#tweet6{
	display: none;
	animation:spinRight 50s linear infinite;
	-webkit-animation:spinRight 50s linear infinite;
    -moz-animation:spinRight 50s linear infinite;
    -ms-animation:spinRight 50s linear infinite;
    -o-animation:spinRight 50s linear infinite;
}

#deathnote{
	display: none;
}

.credits{
	display: none;
	width: 1800px;
	height: 1200px;
	left: 0;
	top: 0;
}
/*CREDITS*/
.outro{
	position: absolute;
	top: 50%;
	left:50%;
	overflow: hidden;
}

#creditSpeech{
	display: none;
}

#creditPic{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
}

/*Spin Clockwise*/
@keyframes spinRight { 
	0% { transform: rotate(0deg); transform: rotate(0deg); }
	100% { transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes spinRight { 
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes spinRight { 
	0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes spinRight { 
	0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}

/*Spin Counterclockwise*/
@keyframes spinLeft { 
	0% { transform: rotate(360deg); transform: rotate(360deg); }
	100% { transform: rotate(0deg); transform: rotate(0deg); }
}

@-webkit-keyframes spinLeft { 
	0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@-moz-keyframes spinLeft { 
	0% { -moz-transform: rotate(0deg); transform: rotate(360deg); }
	100% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
}

@-o-keyframes spinLeft { 
	0% { -o-transform: rotate(360deg); transform: rotate(360deg); }
	100% { -o-transform: rotate(0deg); transform: rotate(0deg); }
}