body {
  background-color: white;
  font-family: 'Courier New';
  padding: 15px;
}
header {
  background-color:white;
  padding: 30px;
}
nav {
  background-color: #dedede;
  padding: 15px;
  text-align: center;
}
lu {
  display: grid;
  grid-template-columns: 25 25 25;
}
li {
  display: inline-block;
  justify-content:space-between;
}
h1 {
  text-align:center;
}
h2 {
  text-align:center;
}
p {
  text-align: center;
}
a.skip-main {
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    width: 30%;
    height: auto;
    overflow:auto;
    border-radius: 15px;
    border:4px solid #1b1f8d;
    text-align:center;
}
a {
  color:black;
}
div img {
  width: 200px;
  display: block;
  margin: auto;
  border: 8px solid black;
  transition-property: border;
  transition-duration: 1s;
  transition-timing-function: linear;
  transition-delay: .5s;
}
div:nth-child(even) img{
    border: 8px solid gray;
}
div:hover img {
  border: 8px solid #1b1f8d;
}
div {
  display: inline-block;
  width: 25%;
  margin: 5px;
  padding: 45px;
}
/*div a {
  color:white;
  background-color: black;
  position: absolute;
  transition-property: color, background;
  transition-duration: 1s;
  transition-timing-function: linear;
  transition-delay: .5s;
}
div:hover a {
  color: #ffffff;
  background: #1b1f8d;
}*/
footer {
  font-weight: bold;
  font-size: 15px;
}
.current {
  font-weight: bold;
}
.autor {
  font-size:20px;
  font-weight: bold;
  text-align:left;
}