@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Cabin+Condensed:400,500,600,700|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


/* holii */
*{
    margin: 0px;
    padding: 0px;
	font-family: "Cabin";
	font-size:18px;
    
}
a {
	text-decoration:none;
	text-align:center;
}
h1 {
	font-family: 'Raleway', sans-serif;
	font-size:60px;
	text-transform:uppercase;
	color: rgb(35,152,129);  
   	text-align:center;
}
h2 {
    color: rgb(35,152,129);
	text-align:center;
}

.elvira2 {
color: rgb(234, 237, 235);
    
}
h3 {font-size: 20px;
	color:#635FA0;
	text-align:left;
}

h4 {
   color:#e9e7ff;
   font-size:18px;
    font-family: "Cabin";
    font-weight:600;
   
}
body {
   background-color: rgb(191,217,199);
	max-width:100%;
	margin:auto;
}
#intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content:center;
}
header {
	margin-top:30px;
}
main {
	margin:30px 20px 0 20px;
	align-content:center;
}
main li {
	list-style:none;
	margin: 10px 0;
	align-content:center;
}
main li input {
	width:100%;
}
footer {
	margin:30px 20px 0 20px;
}
footer a {
	color:#635FA0;
	align-content:center;
}
#botonin {
	border-radius:15px;
	text-align:center;
	padding:8px 5px;
	color:#FFFFFF;
}
#botonin a {
	color:#FFFFFF;
}
.ver {background-color:rgb(72,110,95);}
.vio {background-color:rgb(38, 92, 139);}
input {
	border-radius:15px;
    border-bottom-color: rgb(35,152,129);
	background-color:#F3F5ED;
    border:2px ridge #95C0AA;
	padding:8px 0;
    
}
nav {
	padding: 10px 5px 10px 5px;
	background-color:hsla(168, 63%, 37%, 0.67);
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	
}



nav button {
	background-color:#635FA0;
    border: none;
    color: white;
    padding: 5px 20px;
    font-size: 16px;
}


#titulo {
	width:100%;
	justify-content:center;
	padding:20px 0;
	color:hsla(0,0%,100%,1.00);
}
.bordo {background-color:rgb(180, 57, 57);}
.violeta {
    background-color: rgb(99, 109, 165);
}
#titulo h2 {
	color:hsla(0,0%,100%,1.00);
}
#recordatorio {
	color:hsla(244, 76%, 13%, 0.61);
    background-color: rgba(99, 95, 160, 0.84);
    margin: 10px 0 10px 10px;
	padding: 10px;
	display:flex;
	align-items:center;
	border-radius:10px;
    
}
#recordatorio img {
	margin:0 20px;
  
   
}
.eventimg {
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.botonrecordar{
    align-content: center;
    display: flex;
    color: aliceblue;
    justify-content: center;
   
}
.btrecordar{
    border-radius:15px;
	text-align:center;
	padding:8px 5px;
    background-color:rgb(180, 57, 57);
    margin: 0 0 20px 0;
	
}
.bingo{
    color: rgb(180, 57, 57);
    font-size: 20px;
    
}
#sig { color:rgb(180, 57, 57);}

.videoapunte {
    width:100%;
	justify-content:center;
	padding:20px 0;
    	color:hsla(0,0%,100%,1.00);
    background-color: rgba(215, 140, 87, 0.61);
    
}

#html { color: aliceblue;
}

.play,.pause  { 
    color: aliceblue;
    display: flex;
    padding: 10px;

}
section {
    background-color: rgba(215, 140, 87, 0.61);
    
    }