body {
  font-family: "Segoe UI", Tahoma, Verdana, sans-serif;
  margin: 0rem;
  font-size: 16px;
  padding: 1rem;
}

header {
  text-align: right;
}

h1 {
  font-weight: 600;
  text-decoration: none;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
}

h2 {
  font-weight: 600;
  font-size: 1.2rem;
}

.materia {
  font-weight: 700;
}

#materias > li {
  margin-bottom: 1rem;
}

a,
a:visited,
a:active {
  color: #1e81b0;
  text-decoration: none;
}

a:hover {
  text-decoration: #e28743 underline;
}