body{
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
}

header{
    background-color: rgb(219, 216, 216);
    padding-bottom: 4px;
    padding-top: 10px;
    margin-top: -8px;
    margin-left: -8px;
    margin-right: -8px;
}

header p{
    font-size: 18px;
    font-weight: bold;
    font-family: 'Courier New', Courier, monospace;
}

header p a{
    text-decoration: none;
    color: white;
}

header p a:hover{
    color: black;
}

ul{
    list-style-type: none;
    padding: 0px;
}

nav ul li{
    display: inline;
}

nav ul li a{
    text-decoration: none;
    padding-left: 25px;
    padding-right: 25px;
    color: black;
}

li a:hover{
    color: white;
}

section{
    text-align: left;
    font-size: 14px;
    position: absolute;
    left: 165px;
    top: 170px;
    width: 700px;
    margin-top: 0px;
}

section ul{
    margin-top: 0px;
}

section .bold{
    text-indent: -15px;
    font-weight: bold;
}

.artistas a:hover{
    color: black;
}

section li a{
    text-decoration: none;
    color: black;
}

section li a:hover{
    color: red;
}

.slider {
    width: 500px;
    height: 500px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
    overflow: hidden;
    position: fixed;
    right: 90px;
    top: 170px;
  }

  .image-container {
    width: 2000px;
    background-color: pink;
    height: auto;
    clear: both;
    position: relative;
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -o-transition: left 2s;
    transition: left 2s;
  }

  .slide {
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
  }

  #slide-1:target ~ .image-container {
    left: 0px;
  }

  #slide-2:target ~ .image-container {
    left: -500px;
  }

  #slide-3:target ~ .image-container {
    left: -1000px;
  }

  .buttons {
    position: relative;
    top: 10px;
  }

  .buttons a {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 50px;
    background-color: gray;
  }

footer{
    background-color: rgb(219, 216, 216);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
}

footer p{
    font-weight: bold;
}

footer ul li{
    display: inline;
}

footer ul li a{
    text-decoration: none;
    padding-left: 25px;
    padding-right: 25px;
    color: black;
}