body {background-image: url(background.png); font-family: Verdana; color: #427255;}

a {color: black; text-decoration: none;}

a:hover {color: blueviolet;}

h1 {text-align: center;}

div.flowmap {background: #eadaea; border-radius: 50rem; color: purple;}

h2 {text-align: center;}

h4 {text-align: center;}

nav {margin-top: 3rem;}

nav ul {display: flex; padding: 0; justify-content: center;}

nav ul li {list-style-type: none; text-align: center; background: #e6d5f7;  margin: 0rem 2rem 0rem 2rem; border-radius: 0.4rem;}

nav ul li a {display: block; padding: 1rem;}

h2 {font-size: 1.2rem; margin-top: 5rem; margin-bottom: 2rem;}

footer {font-style: italic; color: black; font-size: 0.8rem; text-align: center; background: #e6d5f7; margin-top: 8rem; padding: 0.5rem 4rem;}

section {background: white; border-radius: 5rem; display: flex;}

section article {text-align: center;}

article {padding: 4rem; font-style: oblique; font-family: monospace; font-size: 1.5rem;}

article img {border-radius: 2rem;}

article img:hover {border-color: blueviolet; border-style: double;}

article p {display: flex; padding: 5rem;}

div.flowmap img {width: 80%; align-content: center; padding: 5rem;}

.mapa {display: contents; align-content: center;}

.mapa h2 {font-size: 3rem; background-color: white;}