@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Crete+Round);


body {
background-image: url("referente de sign in.png");
font-family: 'lato', sans-serif;
}


.logo {
margin: 1em;
margin-right: 0;
float: left;

width: 8em;
height: auto;
display: block;
}

#h3 {
text-align: center; 
font-family: 'crete round', serif;
font-size: 1em;
float: right;
display: block;
margin: 1em;
margin-top: 2em;
margin-left: 0;
}

#loginform {
border-radius: 5px;
padding: 1em;
font-size: 0.9em;
clear: both;
background-color: #F1F1F1;
border-radius: 5px;
color: #1B1C20;
margin: 0 1em;
}


input.completar {
width: 100%;
border-radius: 5px;
height: 1.5em;
margin-bottom:0.5em;
margin-top: 0.5em;
box-sizing: border-box;
padding: 1em;
font-size:1.2em;
color: #34B297;
}



#submit {
width: 200px;
border-radius: 5px;
background-color: #34B297;
color: white;
padding: 1em 0;
border: none;
cursor: pointer;
margin: 0.5em auto 0.5em auto;
text-align: center;
display: block;
}


#submit:active {
background-color: #444444;
transition: 0.2s;
}

#olvido {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
font-size: 0.9em;
}

.miembro {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
font-size: 0.9em;
}


span {
margin-left: 0.3em;
}


a {
color: #1B1C20;
font-weight: bold;
font-size: 1.1em;
text-decoration: none;
}

ul {
overflow: none;
text-align: center;
width: 95%;
box-sizing: border-box;
}

ul li {
list-style-type: none;
display: inline;
} 

ul li a i {
	background: #34B297;
	color: #fff;
	border-radius: 20px;
	text-align: center;
	margin-right: 0.3em;
	padding: 0.8em;
}


h2 {
clear: both;
text-align: center;
color: #34B297;
font-family: 'crete round', serif;
font-size: 1.5em;
margin-bottom: ;
}

hr {
clear: both;
background-color: #34B297;
}

input:focus {
border: solid #34B297 3px;
outline:0;
}

.flexContainer {
    display: flex;
}


#eye {
padding: 0.5em;
margin-top: 0.8em;
color: #34B297;

}