@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Cantarell:400,400i,700';
@font-face {
    font-family: "LeagueSpartan";
    src:url(../font/LeagueSpartan-Bold.otf) format("truetype");
}

/* holii */
*{
    margin: 0px;
    padding: 0px;
	font-family: "Cantarell";
	font-size:18px;
}
a {
	text-decoration:none;
	text-align:center;
}
h1 {
	font-family: "LeagueSpartan";
	font-size:60px;
	text-transform:uppercase;
	color:#95C0AA;
	text-align:center;
}
h2 {
	color:#95C0AA;
	text-align:center;
}
h3 {
	color:#635FA0;
	text-align:center;
}
body {
    background-color:#F3F5ED;
	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;
}
#btin {
	border-radius:15px;
	text-align:center;
	padding:8px 5px;
	color:#FFFFFF;
}
#btin a {
	color:#FFFFFF;
}
.ver {background-color:#95C0AA;}
.vio {background-color:#635FA0;}
input {
	border-radius:15px;
	background-color:#F3F5ED;
    border:2px ridge #95C0AA;
	padding:8px 0;
}
nav {
	padding: 10px 5px 10px 5px;
	background-color:#635FA0;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	color:hsla(0,0%,64%,1.00);
}
nav button {
	background-color:#635FA0;
    border: none;
    color: white;
    padding: 5px 20px;
    font-size: 16px;
}
#menu {
	padding: 10px 5px 4px 5px;
	display:flex;
	flex-flow: column wrap;
	justify-content: space-between;
	max-width:500px;
	margin:auto;
}
#menu div{
	display:flex;
	flex-flow: row wrap;
	justify-content:flex-start;
	align-items:center;
	color:hsla(0,0%,0%,1.00);
	padding:20px;
}
#menu div a{
	color:hsla(0,0%,94%,1.00);
}
#titulo {
	width:100%;
	justify-content:center;
	padding:20px 0;
	color:hsla(0,0%,100%,1.00);
}
.rojo {background-color:hsla(357,84%,62%,1.00);}
.violeta {background-color:hsla(285,36%,45%,1.00);}
#titulo h2 {
	color:hsla(0,0%,100%,1.00);
}
#recordatorio {
	color:hsla(0,0%,100%,1.00);
	background-color:hsla(357,84%,62%,1.00);
	margin: 10px 0;
	padding: 10px;
	display:flex;
	align-items:center;
	border-radius:10px;
}
#recordatorio img {
	margin:0 20px;
}
.eventimg {
	width:100%;
	height:auto;
	margin-bottom:20px;
}