﻿/***************************************************************************** /
/  _   _       _            _____  _____                _   _                  /
/ | \ | |     | |          / ____|/ ____|              | | (_)                 /
/ |  \| | __ _| |_ ___ _ _| (___ | |     _ __ ___  __ _| |_ _  ___  _ __  ___  /
/ | . ` |/ _` | __/ _ \ '__\___ \| |    | '__/ _ \/ _` | __| |/ _ \| '_ \/ __| /
/ | |\  | (_| | ||  __/ |  ____) | |____| | |  __/ (_| | |_| | (_) | | | \__ \ /
/ |_| \_|\__,_|\__\___|_| |_____/ \_____|_|  \___|\__,_|\__|_|\___/|_| |_|___/ /
/																			   /
/******************************************************************************/
body
{
	color 					: white;
	z-index					: 3;
	overflow-x				: hidden;
	text-align 				: center;
	background-size			: cover; 
	background-repeat		: no-repeat;
	background-attachment	: fixed;
}
label
{
	font-size				: 26px;
}
h3
{
	margin-top				: 72px;
	font-size				: 36px;
}
h2, h1, p, div, a, h4
{
	font-family     		: monospace; 
	color 					: black;
	text-shadow				: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
h1
{
	font-size				: 48px;
}
h4
{
	font-size				: 42px;
	margin-top 				: 24%;
}
h6
{
	margin-top 				: -30px;
	font-size				: 20px;
	font-family     		: monospace; 
	color 					: white;
	text-shadow				: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.main_header
{
	margin-top				: 16%;
}
.anime_main
{
	margin-top				: 46%;
}
.empty
{
	font-size				: 0px;
}
.my_ico
{
	width					: 75px;
	margin-bottom			: -30px;
}
.invisible
{
	font-size				: 0px;
}
.natersh5
{
	font-size				: 26px;	
	margin-top				: 2%;
	margin-bottom			: 35px;
	font-family     		: monospace; 
	color 					: black;
	text-shadow				: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.gold
{
	color					: gold;
	text-shadow				: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.silver
{
	color					: silver;
	text-shadow				: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.titleAnime
{
	margin-bottom			: -20%;
}
.music_title_marge
{
	padding-top 				: 22%;
	padding-bottom 				: -20%;
}
.list_hp
{
	padding-top 				: 100px;
}


@media screen and (max-width: 1000px)
{	
	body
	{

		margin 			 : 1%;
		background-image : url(../img/m_music_anime.JPG);
	}
	.cursive
	{
		color 			: white;
		font-size		: 49px;
	}
	h4
	{
		font-size		: 40px;
		margin-top 		: 50%;
	}
	img
	{
		width 			: 40%;
		margin-bottom 	: 72px;
		
		margin-left		: 3%;
		margin-right	: 3%;
	}
	.max_width
	{
		width 			: 80%;
	}
	.naterscreationslogo
	{
		margin-top		: 100px;
		width 			: 20%;
	}
	.mSmall
	{
		font-size		: 10px;
		padding-left	: 5%;
		padding-right	: 5%;
		padding-top		: 5px;		
	}
	.titleAnime
	{
		margin-bottom	: -40%;
	}
}
@media screen and (min-width: 1000px)
{	
	body
	{
		background-image 		: url(../img/music_anime.JPG);
	}
	img
	{
		width			: 40%;
		max-width		: 360px;
		margin-bottom 	: 72px;
		
		margin-left		: 3%;
		margin-right	: 3%;
	}
	img:hover
	{
		transform		: scale(1.1);
	}
	.naterscreationslogo
	{
		width			: 10%;
		max-width 		: 200px;
		min-width 		: 100px;
		margin-bottom	: -10px;
		margin-top		: -10px;
	}
	.naterscreationslogo:hover
	{
		transform		: scale(1);
	}
	.max_width
	{
		width 			: 60%;
		max-width 		: 500px;
		min-width 		: 100px;
	}
	.my_ico
	{
		width					: 75px;
		margin-bottom			: -30px;
	}
	.mSmall
	{
		font-size		: 12px;
	}
	.gold
	{
		color					: gold;
		text-shadow				: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}
	.silver
	{
		color					: silver;
		text-shadow				: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}
}