/* FUENTES -------------------------------------------*/

@font-face {
	font-family: 'MonteCarlo';
	src: url(../fonts/MonteCarlo-Regular.ttf) format('truetype');
	
}

@font-face {
	font-family: 'Robot';
	src: url(../fonts/Roboto-Regular.ttf)
	format('truetype');
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'MonteCarlo';
	font-weight: 200 !important;
}


body, p, ul, li, a, span {
	font-family: 'Robot';
}

h1 {text-align: center;
	font-size: 80px;
}

h2 {text-align: center;
	font-size: 50px;
	}

.nombre {
	font-family: 'MonteCarlo';
	font-size: 40px;
	font-weight: 300 !important;
	color: #fff;
	margin-top: -5;
	padding: 0px 30px 5px 30px;
	cursor: pointer;
	
}



/* FONDOS Y COLORES ----------------------------------*/

body {
	background-color: #fff;
}



/* AJUSTE EN PANTALLAS ------------------------------*/

.nombre {
	display: block;
}

.logo {
	display: none;
	padding: 10px;
}

/* cuando la pantalla está mas pequeña */

@media (max-width: 650px) {
	.nombre {
		display: none;
	}
	.logo {
		display: block;
	}
}


/* Estilo para la barra de desplazamiento */
::-webkit-scrollbar {
    width: 10px; /* Ancho de la barra de desplazamiento */
    height: 10px; /* Alto de la barra horizontal (si la hay) */
}

/* Estilo para el fondo de la barra de desplazamiento */
::-webkit-scrollbar-track {
    background-color: #fff; /* Color del fondo de la barra */
    border-radius: 10px; /* Esquinas redondeadas */
}

/* Estilo para el "dedo" o el deslizador de la barra */
::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Color del deslizador */
    border-radius: 10px; /* Esquinas redondeadas */
    border: 2px solid #fff; /* Borde del deslizador */
}

/* Estilo para cuando el usuario pasa el mouse sobre la barra de desplazamiento */
::-webkit-scrollbar-thumb:hover {
    background-color: #bbb; /* Cambia el color del deslizador cuando pasa el mouse */
}