*:fullscreen::backdrop {
	position:fixed;
	top:0; right:0; bottom:0; left:0;
	background:black;
}
*{
    margin: 0px;
    padding: 0px;
}

body{
	width: 99%;
}

.clearfix{
    clear: both;
}

.botones{
	width:145px;
	height:145px;
	color:silver;
	border:5px solid black;
	border-radius:20px;
	background:black;
}
.botones:hover{
	cursor:pointer;
}



.pantallanormal{
    background-image: url("pantallanormalout.png");
    background-size: cover;
    background-position: center;
	width:60px;
	height:60px;
	position:absolute;
	right:4px;
	top:4px;
}
.pantallanormal:hover{
    background-image: url("pantallanormalover.png");
    background-size: cover;
    background-position: center;
	cursor:pointer;
}
.pantallacompleta{
    background-image: url("pantallacompletaout.png");
    background-size: cover;
    background-position: center;
	width:60px;
	height:60px;
	position:absolute;
	right:4px;
	top:4px;
}
.pantallacompleta:hover{
    background-image: url("pantallacompletaover.png");
    background-size: cover;
    background-position: center;
	cursor:pointer;
}

.r1{
	width:1330px;
    min-height: 670px;
	max-height:700px;
	background:linear-gradient(30deg,silver,yellow,gold,rgb(230,120,10),rgb(200,0,0),crimson,pink,violet,aqua,blue,rgb(30,20,80),navy,purple,rgb(0,60,40),rgb(10,50,10),green,lime,olive,rgb(30,50,10),rgb(20,30,20),black);
	
}

.barroteh{
	background:linear-gradient(black,gray,khaki,gray,black);
	width:100%;
	height:30px;
}
.barrotev{
	background:linear-gradient(90deg,black,gray,khaki,gray,black);
	width:30px;
	height:675px;
}

#cubo:hover{
	cursor:pointer;
}

.nompais{
	width:136px;
	font-family:calibri;
	font-size:8px;
	text-shadow:2px 2px 2px white;
	text-align:center;
	color:black;
	font-weight:600;
	background:linear-gradient(90deg,rgb(160,0,0),white,white,rgb(160,0,0));
	border:1px solid black;
	border-radius:10px;
}
.nompais:hover{
	cursor:pointer;
}

.nomanimal{
	width:130px;
	font-family:calibri;
	font-size:8px;
	text-shadow:2px 2px 2px white;
	text-align:center;
	color:black;
	font-weight:600;
	background:linear-gradient(90deg,rgb(120,80,40),white,white,rgb(120,80,40));
	border:1px solid black;
	border-radius:10px;
}
.nomanimal:hover{
	cursor:pointer;
}

.nomreceta{
	width:145px;
	font-family:calibri;
	font-size:8px;
	text-shadow:2px 2px 2px white;
	text-align:center;
	color:black;
	font-weight:600;
}
.nomreceta:hover{
	cursor:pointer;
}

#banderas{
	width:130px;
	height:86px;
	border:1px solid black;
}
#banderas:hover{
	cursor:pointer;
}

#recetas{
	width:110px;
	height:95px;
}
#recetas:hover{
	cursor:pointer;
}

#fondobotonbanderas{
	background:linear-gradient(90deg,rgb(100,100,100),red,red,rgb(100,100,100));
}
#fondobotonrecetas{
	background:linear-gradient(yellow,white,white,white,white,yellow);
}

#animal{
	width:125px;
	height:125px;
	border:1px solid black;
}
#animal:hover{
	cursor:pointer;
}

#botonanimales{
	background:rgb(90,50,10);
}
#botonanimales:hover{
	cursor:pointer;
}

#botonarduino{
	background:black;
}
#botonarduino:hover{
	cursor:pointer;
}

#botonnutricion{
	background:silver;
}
#botonnutricion:hover{
	cursor:pointer;
}

#botonfutbol{
	background:white;
}
#botonfutbol:hover{
	cursor:pointer;
}

#pangea{
	width:90px;
	height:130px;
}
#pangea:hover{
	cursor:pointer;
}

.nomestars{
	width:115px;
	font-family:calibri;
	font-size:9px;
	text-shadow:2px 2px 2px white;
	text-align:center;
	color:black;
	font-weight:600;
	background:linear-gradient(90deg,black,white,white,black);
	border:1px solid black;
	border-radius:10px;
}
.nomestars:hover{
	cursor:pointer;
	background:linear-gradient(90deg,black,pink,pink,black);
}

#arduino{
	width:134px;
	height:89px;
}
#arduino:hover{
	cursor:pointer;
}

.arduinouno{
	width:154px;
	height:20px;
	font-family:candara;
	font-size:22px;
	font-weight:600;
	color: white;
	text-align:center;
	line-height:20px;
}
.arduinouno:hover{
	cursor:pointer;
	color: lime;
}

#alimentos{
	width:136px;
	height:136px;
}
#alimentos:hover{
	cursor:pointer;
}

#balon{
	width:130px;
	height:130px;
}
#balon:hover{
	cursor:pointer;
}

#playstop1{
	width:40px;
	height:40px;
    background-image: url("vocabuplayout.png");
    background-size: cover;
    background-position: center;
	border-radius:25px;
	font-family:arial black;
	font-size:49px;
	line-height:43px;
	text-align:center;
	color:black;
	border:2px solid black;
}
#playstop1:hover{
    background-image: url("vocabuplayover.png");
    background-size: cover;
    background-position: center;
	cursor:pointer;
}
#playstop2{
	width:40px;
	height:40px;
    background-image: url("vocabupauseout.png");
    background-size: cover;
    background-position: center;
	border-radius:25px;
	font-family:arial black;
	font-size:40px;
	line-height:43px;
	text-align:center;
	color:black;
	border:2px solid black;
}
#playstop2:hover{
    background-image: url("vocabupauseover.png");
    background-size: cover;
    background-position: center;
	cursor:pointer;
}

#traduccion{
	width:135px;
	height:10px;
	background:white;
	font-family:calibri;
	font-size:9px;
	font-weight:600;
	color: black;
	text-align:center;
	line-height:10px;
	border-radius:10px;
}
#traduccion:hover{
	cursor:pointer;
}

#translatecion{
	width:135px;
	height:10px;
	background:white;
	font-family:calibri;
	font-size:9px;
	font-weight:600;
	color: black;
	text-align:center;
	line-height:10px;
	border-radius:10px;
}
#translatecion:hover{
	cursor:pointer;
}

#botonvocabu{
    background-image: url("banderas/REINOUNIDO.png");
    background-size: cover;
    background-position: center;
}

#nombreelementi:hover{
	cursor:pointer;
}
#mineral:hover{
	cursor:pointer;
}

#elementi{
	
}

#elementus{
	width:149px;
	height:149px;
	background:radial-gradient(white,white,rgb(0,40,40));
	border:3px solid black;
	border-radius:20px;
	color:white;
}
#elementus:hover{
	cursor:pointer;
	border:3px solid blue;
}

#nombreelementi{
	width:130px;
	height:15px;
	font-family:consolas;
	font-size:12px;
	line-height:13px;
	background:linear-gradient(90deg,rgb(50,70,70),white,white,rgb(50,70,70));
	color:rgb(2,2,32);
	border-radius:10px;
	text-align:center;
	font-weight:600;
}

#pizzas{
	width:149px;
	height:149px;
	background:white;
	border:3px solid black;
	border-radius:20px;
}
#pizzas:hover{
	cursor:pointer;
	border:3px solid green;
}

#pizza:hover{
	cursor:pointer;
}

#salsas{
	width:149px;
	height:149px;
	background:white;
	border:3px solid black;
	border-radius:20px;
}
#salsas:hover{
	cursor:pointer;
	border:3px solid green;
}

#salsa:hover{
	cursor:pointer;
}

#simbolos{
	width:149px;
	height:149px;
	background:white;
	border:3px solid black;
	border-radius:20px;
}
#simbolos:hover{
	cursor:pointer;
	border:3px solid red;
}

#simbolo:hover{
	cursor:pointer;
}

#recetascris{
	width:149px;
	height:149px;
	background:white;
	border:3px solid black;
	border-radius:20px;
}
#recetascris:hover{
	cursor:pointer;
	border:3px solid fuchsia;
}

#rececris:hover{
	cursor:pointer;
}

#medico{
	width:149px;
	height:149px;
	background:white;
	border:3px solid black;
	border-radius:20px;
}
#medico:hover{
	cursor:pointer;
	border:3px solid aqua;
}

#medic{
	border-radius:20px;
}
#medic:hover{
	cursor:pointer;
}

#coctel{
	width:149px;
	height:149px;
	background:white;
	border:3px solid black;
	border-radius:20px;
}
#coctel:hover{
	cursor:pointer;
	border:3px solid yellow;
}

#cocte{
	border-radius:20px;
}
#cocte:hover{
	cursor:pointer;
}

#nombrecoctel{
	width:130px;
	height:10px;
	font-family:candara;
	font-size:8px;
	line-height:10px;
	background:white;
	color:black;
	border-radius:10px;
	text-align:center;
	font-weight:600;
}

#nombremedico{
	width:130px;
	height:10px;
	font-family:candara;
	font-size:8px;
	line-height:10px;
	background:white;
	color:black;
	border-radius:10px;
	text-align:center;
	font-weight:600;
}

#nombreplanta{
	width:130px;
	height:10px;
	font-family:candara;
	font-size:8px;
	line-height:10px;
	background:white;
	color:black;
	border-radius:10px;
	text-align:center;
	font-weight:600;
}

#nombrereceta{
	width:130px;
	height:10px;
	font-family:candara;
	font-size:8px;
	line-height:10px;
	background:white;
	color:black;
	border-radius:10px;
	text-align:center;
	font-weight:600;
}

#plantas{
	width:149px;
	height:149px;
	background:white;
	border:3px solid black;
	border-radius:20px;
}
#plantas:hover{
	cursor:pointer;
	border:3px solid rgb(100,50,0);
}

#flora{
	border-radius:20px;
}
#flora:hover{
	cursor:pointer;
}