body { background: #ffffff; font-family: sans-serif; text-decoration: none; text-align: center; }
header h1 { text-align: right; padding-right: 0.7rem}

h1 { font-family: 'Roboto Mono', monospace; background-image:url(img/fondo.jpg); font-size: 2rem; color: #ff1212; padding-bottom: 3rem; padding-top: 3rem; padding-right: 4rem; padding-left: 4rem; border-bottom :solid; ; border-width:thin ; text-decoration: none; border-radius: 0,5rem;}
img { border-radius: 3rem; border-style: groove; border-color: rgba(255, 18, 18, 0.37); text-align: center; }
nav ul li { list-style-type: none; padding-top: 0.5rem; display: inline-block; margin-right: 3rem; margin-top: 1rem; margin-bottom: 1rem; }
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: #434343; color: #ffffff; padding: 1rem; border-radius: 1rem; font-family: sans-serif; font-weight: 700; font-size: 0.8rem; }
h2 { text-align: center; font-family: monospacecursive; font-size: 2,5rem; 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: #000; text-decoration: none; padding-bottom: 1rem; }
footer p { background: #fff; font-family:  sans-serif; font-weight: 300; text-align: center; color: #000; text-decoration: none; font-size: 0.5rem; padding-bottom: 1rem; padding-top: 2rem; }