@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,700');
* { margin: 0; }
body { background: #fad9e6; color: #f04661; }
header {background: url(img/fondo.jpg); background-size: cover; text-align: center; }
a { text-decoration: none; }
a h1:hover { background: #f04661; margin-left: 7rem; margin-right: 7rem; border-radius: 1rem; font-family: 'Rubik', sans-serif; font-weight: 700; color: #bababa; font-size: 0.8rem; opacity: 1; }
a h1 { background-color: #000; opacity: .6; margin-left: 7.5rem; margin-right: 7.5rem; border-radius: 1rem; font-family: 'Rubik', sans-serif; font-weight: 300; text-align: center; color: #fff; text-decoration: none; padding: 1rem; font-size: 0.8rem; }
section {background: #fdf1f6; text-align: center; }
header section img { border-radius: 3rem; margin-top: 0rem; margin-bottom: 2rem;  border-style: solid; border-color: #bababa; }
nav ul li { list-style-type: none; padding: 0rem; display: inline-block; margin-right: 2rem; margin-top: 2rem; margin-bottom: 2rem; }
nav ul li a { font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 0.8rem; color: #000; text-decoration: none; }
nav ul li a:hover { background: #fad9e6; color: #fff; padding: 1rem; border-radius: 1rem; font-family: 'Rubik', sans-serif; font-weight: 700; color: #bababa; font-size: 0.8rem; }
h2 { text-align: center; font-family: 'Lobster', cursive; font-size: 2rem; padding: 2rem; }
h3 { background: #fff; font-family: 'Rubik', sans-serif; font-weight: 700; text-align: center; color: #000; padding: 1rem; padding-top: 2rem; padding-bottom: 2rem; }
section article:hover { background: #f04661; font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 1rem; color: #000; }
h4:hover { font-family: 'Rubik', sans-serif; font-weight: 700; font-size: 1rem; }
p:hover { font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 1rem; } 
section article { background: #fff; }
h4 { font-family: 'Rubik', sans-serif; font-weight: 400; text-align: center; color: #bababa; text-decoration: none; padding: 1rem; }
p { font-family: 'Rubik', sans-serif; font-weight: 400; text-align: center; color: #fff; text-decoration: none; padding-bottom: 1rem; }
footer p { background: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; text-align: center; color: #000; text-decoration: none; font-size: 0.5rem; padding-bottom: 1rem; padding-top: 1rem; }
footer p:hover { background: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; text-align: center; color: #000; text-decoration: none; font-size: 0.5rem; padding-bottom: 1rem; padding-top: 1rem; }