@charset "utf-8";
/* CSS Document */
/* COLORES 
-AZUL: #1D3365
-FUCSIA: #EF1166
-VIOLETA: #742EFF
-VERDE AGUA: #27F6CA
-BLANCO: #FFFFFF  */

*{margin: 0; padding: 0%;}
body{ font-family: 'Roboto', sans-serif; font-weight: 500; background: #8B00FF; font-size:18px;}

/* Centrado de pagina */
.pagina{ max-width: 48rem; margin: 0 auto;  background: #020646;}

nav {background-color:#8B00FF;}

ul li{
    color: white;
    text-decoration: none;
	list-style-type:none;
	height: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
	font-size:18px;

	}
	
ul li a{
    color: white;
    text-decoration: none;}
	
nav ul li a:hover {color:#27F6CA;}

.topmenu{color: #27F6CA;
    font-size:18px;
	height: 10%;
	display: flex;
	padding-right:10px;
    justify-content: space-between;
    align-items: center;}

.opciones{
	background-color:#27F6CA;
	color: white;
	font-size:18px;
    text-decoration: none;
	height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
	/* esto es para que tengan sombrita abajo */ box-shadow: 0px 12px 32px 3px rgba(0,0,0,0.29);}
.opciones ul li{list-style-type:none;}
.opciones ul li a{color: white;text-decoration: none; }
.opciones ul li a:hover {color: #1D3365;}