@import url('https://fonts.googleapis.com/css?family=Amaranth');
*{padding: 0;margin: 0; text-decoration: none; list-style: none}
html {background-color: #523686 }
header {; width: 100%; margin: 0}
.logo {float: left; padding: 2rem}
.banner {width: 100%}
header img {padding-bottom: 2%}
header nav ul li { width: auto; font-family: 'Amaranth', sans-serif; display: block; text-decoration: none; float: right; padding: 2rem;padding-bottom: 2.5rem; padding-top: 2.5}
nav ul li a {display: block; color: #fff; text-decoration: none;}
nav ul li:hover {background: #28f4bd;} 
nav ul li a:hover {color: #523686} 
header nav ul {background-color: #523686; position: relative; z-index:1000}
body {font-family: 'Amaranth', sans-serif;position: relative}
.pagina { ; text-align: center; margin: 0;}
.texto {padding-top: 1%; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center; background-color: #e6e6e6;z-index:1}
.texto article {width: 40%; padding: 1%; text-align: left;}
.texto article h2 {color: #523686}
.texto article img {width: 80%; padding: 1%}
footer {background: #523686; width: 100%; margin: 0}
footer p {font-size: 1rem; color:#28f4bd; padding: 1rem; text-align: center }

.button  {font-family: 'Amaranth', sans-serif; font-weight: 700; color: #523686; padding-right: 2%; padding-left: 2%;
    cursor: pointer;
    display: block;
    position: relative;
    border: 2px solid #523686; background-color: transparent !important;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; ;
    top: 50%; padding: 1%;left:55%}

.button:hover {color: #523686;background-color:#28f4bd!important }

.buttond  {font-family: 'Amaranth', sans-serif; font-weight: 700; color: #523686; padding-right: 2%; padding-left: 2%;margin:2%
    cursor: pointer;
    display: block;
    position: relative;
    border: 2px solid #523686; background-color: transparent !important;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; ;
    top: 50%; padding: 1%; left:45%}

.buttond:hover {color: #523686;background-color:#28f4bd!important }