/* coding general */


body { background: #1A2528 ; font-family: 'Dosis'; color: #FC215F; text-decoration: none; }


nav ul { list-style-type: none; margin: 1rem 10rem 1rem 10rem; text-align: center; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background-color: #FC215F; padding: 1rem; }
nav ul li { display: inline-block; color: #C0C0C0; }
nav ul li a { text-decoration: none; color:#C0C0C0; }

nav a { margin: 10px; padding: 10px; word-spacing: 3px; font-weight: bold; }

img { align-content:flex-start; width: 30%; display: block; position: relative; border-color: #C0C0C0; }

section {font-family: 'Dosis'; font-size: 14px; color: black; margin: 0 15rem 0 15rem; padding: 10px; display: block; }

section h1 { font-family: 'Dosis', sans-serif; font-size: 16px; color: #FC215F; text-decoration: none; }
section h2 {font-family: 'Dosis', sans-serif; font-weight: 800; font-size: 26px; margin: 1.5rem 0; text-align: right; padding: 0.7rem;
    border-bottom: 0.0625rem #C0C0C0; border-top: 0.0625rem #C0C0C0; text-transform: uppercase; color: #C0C0C0; }

div {font-family: 'Dosis', sans-serif; font-weight: 100; display: block; }

header h1 { font-family: 'Dosis'; text-align: center; padding: 15px; color: #FC215F; font-size: 50px; font-weight: bolder; background-size: contain; text-decoration: none; display: block; background: #C0C0C0; list-style-type: none; margin: 1rem 10rem 1rem 10rem; }

footer { font-size: 12px; font-family: 'Dosis'; text-align:center; color: #1A2528; margin: 3rem 10rem 3rem 10rem; float: right; padding: 1rem 10rem 1rem 10rem; background: #C0C0C0; }

.materias b {font-family: 'Dosis', sans-serif; font-weight: 700; font-size: 26px; float: right; text-align: right; text-transform: uppercase; color: #FC215F; margin: 1.5rem 1rem 1.5rem 25rem; }
.materias {  float: right; text-align: right;  padding: 2rem; display: inline-block; position: relative; width: 28%; color: #C0C0C0; }