/*Estilos generales para todos los proyectos*/
*,
*::after
*::before {
  box-sizing: border-box; }

body {
  margin: 0;
  font-family: sans-serif;
  color: #333;
  line-height: 1.5; }

h1 {
  text-align: center;
  color: #333; }

img {
  max-width: 100%; }

main {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }

.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  overflow: hidden; }
  .table tr {
    position: relative;
    display: -ms-flexbox;
    display: flex; }
    .table tr::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #eee;
      z-index: -2; }
    .table tr:nth-child(even)::after {
      background: #ddd; }
    .table tr:hover {
      background: yellow; }
  .table td {
    line-height: 2.5;
    text-align: center;
    -ms-flex: auto;
        flex: auto; }
    .table td:hover {
      position: relative; }
      .table td:hover::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 10000px;
        background: yellow;
        left: 0;
        top: -5000px;
        z-index: -1; }
