body{
	font-family:"AtkinsonRegular";
    background-color: #111111;
	background-image: url("/img/portada.webp");
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment: fixed;
	color: white;
}

a{
	color: white;
}

h1,h2,h3,h4,strong{
	font-family: "AtkinsonBold";
}

em{
	font-family: "AtkinsonItalic";
}

h5,h6{
	font-family: "AtkinsonBoldItalic";
}

	/* Para la Página de Inicio */
 @media screen and (min-width: 1080px) {

	#chapter{
		background-image: url("/img/assets/rect2.svg");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position-x: -1000px;
		position: absolute;
		bottom: 20px;
		left: 50px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		text-shadow: 0px 0px 10px black;
		transition-duration: 0.5s;
	}

	#chapter mark{
		background-color: #440055;
		color: white;
		padding: 5px;
	}

	#chapter em{
		opacity: 0;
		transition-duration: 0.6s;
	}
	#chapter:hover em{
		opacity: 1;
	}

	#chapter:hover{
		text-shadow: 0px 0px 0px black;
		background-position-x: 0px;
	}

	#mavericks{
		position: absolute;
		width: 70%;
		height: auto;
		top: 50%;
		transform: translateY(-50%);
	}

	#home{
		position: absolute;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
		text-align: right;
		font-size: 225%;
	}
	#home li{
		background-image: url("/img/assets/rect1.svg");
		background-repeat: no-repeat;
		padding-right: 30px;
		padding-left: 30px;
		background-size: cover;
		background-position-x: 1000px;
		list-style: none;
		text-shadow: 0px 0px 10px black;
		transition-duration: 0.3s;
	}
	#home li:hover{
		text-shadow: 0px 0px 0px black;
		background-position-x: 0px;
	}
 }

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

	#chapter{
		background-image: url("/img/assets/rect2.svg");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position-y: -1000px;
		position: absolute;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		text-shadow: 0px 0px 10px black;
		transition-duration: 0.5s;
	}
	#chapter mark{
		background-color: #440055;
		color: white;
		padding: 5px;
	}

	#chapter em{
		opacity: 0;
		transition-duration: 0.6s;
	}
	#chapter:hover em{
		opacity: 1;
	}

	#chapter:hover{
		text-shadow: 0px 0px 0px black;
		background-position-y: 0px;
	}


	#mavericks{
		position: absolute;
		width: 70%;
		height: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}


	#home{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%);
		text-align: center;
		}

	#home li{
		float: left;
		display: block;
		background-image: url("/img/assets/rect2.svg");
		background-repeat: no-repeat;
		width: auto;
		padding-right: 5px;
		padding-left: 5px;
		background-size: 200px;
		background-position-y: 1000px;
		list-style: none;
		text-shadow: 0px 0px 10px black;
		transition-duration: 0.3s;
 	}
		#home li:hover{
	text-shadow: 0px 0px 0px black;
	background-position-y: 20px;

 }
}

#return{
    float: left;
    top: 5px;
    left: 20px;
    position:fixed;
    padding: 5px;
    transition-duration: 0.5s;
    text-shadow: 0px 0px 15px #000000;
}
#return:hover{background-color: #440055;}