@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
body{
	background:#337B8D;
} 

header nav{
	background: #E12175;
	line-height: 45%;
}

header nav ul li {
    list-style-type: none;
    display:inline; 
    font-size: 3.5vh;
    font-weight: 700;
    padding-right: 20px;
    padding-left: 20px;
    border-right: 3px #50A9C0 solid;
}

header nav a{
	display:inline-block;
	text-decoration:none;
	padding:5px 5px;
	line-height:normal;
	font-size:3.5vh;
	font-weight:bold;
	color:#FFFFFF;
	-webkit-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;
	border-radius:50px;
	border-color:#F8CBDE;
}

header nav a:hover {
	border:solid;
	border-color:#F8CBDE;
	color:#F8CBDE;
}

main{
	color: #FFF;
}

footer{
	background: rgba(225,33,117,0.63);
}
	

#foot {
    text-align: center;
    font-size: 12px;
}

.texto{
	color: #B9D432;
    margin: 0.5vw;
    font-weight: 600;
    font-size: 2vh;
}

#nombre {
    color: #E12175;
    font-weight: 700;
    font-size: 5vh;
}

#carr{
	color: #F3ABCA;
	font-weight: 700;
    font-size: 4vh;
}

#titulo{
	color: #F9D9E7;
	font-weight: 700;
    font-size: 3.5vh;
}