* {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-moz-transition-timing-function: cubic-bezier(100, 50, 21, 6);
	transition-timing-function: cubic-bezier(100, 50, 21, 6);
	-moz-transition-property: all;
	-moz-transition-timing-function: cubic-bezier(100, 50, 21, 6);

}

html {
	cursor: url('../images/picareta.png'), auto;
	font-family: 'Press Start 2P', cursive;
}


body {
	background: url("../wallpaper/background9.png") no-repeat center center fixed;
	/*background-color:black;*/
	text-align: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a {
	all: unset;
	cursor: url('../images/espada.png'), auto;
}

.top_menu {
	height: auto;
	padding: 0.5%;
	width: fit-content;
	margin: auto;
	margin-top: 2%;
	background-color: rgba(9, 69, 146, 0);
	border-radius: 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: white;
}

.top_menu a {
	max-width: 100%;
	height: auto;
	padding: 10px 20px;
	font-size: 15px;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	display: inline-block;
	/* Ensure the element can scale */
	transition: transform 0.3s ease-in-out 0.1s;
	/* Move transition to base */
}

.top_menu a:hover {
	/*    background-image: linear-gradient(to top, rgba(179, 255, 171, 0.5) 0%, rgba(18, 255, 247, 0.5) 100%);*/
	transform: scale(1.3);
	/* Zoom in by 30% */
	transition: transform 0.1s ease-in-out 0.1s;
	/* Smooth transition for the zoom */
}

@media only screen and (max-width: 860px) {
	.top_menu {
		display: grid;
		border: none;
		width: 90%;
	}

	.top_menu a {
		border-color: rgba(111, 240, 254, 0.5);
	}
}

.menu_tab_selected {
	color: white;
	transform: scale(1.3);
	text-shadow: #FC0 1px 0 10px;
}