html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height:100%;
}

body {

background-image: url("../img/fondoarnau.png");
background-attachment: fixed;
background-size: cover;

    font-family: 'Nunito', sans-serif;
}




.container {

}

p {
  text-decoration: none;
  color: #FFF;
  font-family: 'Nunito', sans-serif;
  font-weight: lighter;
  font-size: 20px;
  text-align: center;
}


p a{
  text-decoration: none;
  color: #FFF;
  font-family: 'Nunito', sans-serif;
  font-weight: lighter;
  font-size: 20px;
}

h1 {
  text-decoration: none;
  color: #FFF;
  font-family: 'Nunito', sans-serif;
  font-weight: lighter;
  font-size: 35px;
  text-align: center;
}


h1 a{
  text-decoration: none;
  color: #FFF;
  font-family: 'Nunito', sans-serif;
  font-weight: lighter;
  font-size: 35px;



}
.cool-link::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width .3s
}
.cool-link:hover::after{
  width: 100%;
  transition: width .3s
}