*{margin: 0;padding: 0}

html {background: #523686 }

header {background: #523686; position: absolute; background-image: url(../img/banner.jpg); width: 100%; margin: 0;}

.logo {float: left; padding:2rem; margin: 3rem }

.banner { padding:3rem;margin: 2rem; object-position: center; width: 50%}

.header { font-family: monospace;font-weight: 600;text-align: left;}

h1 {position:absolute;font-size: 3rem; color: #fff;font-family: fantasy; font-size-adjust: none ;padding-left:9rem;margin:1rem }

header nav ul li {background: #523686 ; width: center; font-family: sans-serif; display: block; text-decoration: none; float: right; padding: 2rem;}

nav { top: 0px;	left: 0px;	width: 100%; position: fixed; text-align: right; height:82px; background:#523686; z-index: 1; }

nav ul li a {display: block; text-decoration: none}

nav ul li {background: #000000} 

nav ul li a {color: #fff} 

body {font-family: 'roboto', sans-serif}

.pagina { background: #ffffff ;text-align: center; margin: 0;}

.texto { margin-left: 5rem; padding-top: 28rem; display: flex; flex-direction: row; flex-wrap: nowrap;
    justify-content: flex-start; align-items: flex-start; align-content: space-between}

.texto article {width: 100%; padding: 1rem; text-align: left}

.texto article h2 {color: #523686}

.texto article img {width: 70%; padding: 0;margin-left: padding:2rem;margin: 2rem}

.texto article {width: 20%;padding: 1rem; text-align:left}


h3 {font-family: sans-serif; font-weight: 100; font-size: 1rem; color: #fff; padding-top: 1rem;
    padding-bottom: 1rem; text-align: left;}

.gaston {float: left; padding:5rem}
.app {font-weight: 900; margin: 1rem; padding: 1rem; text-align: center; font-size: 2rem; padding-top: 2rem; line-height: 100%}
.academico {background-color:#523686; text-align: left; padding: 1rem;
 display: flex;	flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: stretch; align-content: stretch}


footer {background: #523686; width: 100%; margin:center}
footer p {font-size: 1rem; color:#ebebeb; padding: 2rem; text-align: center }