body {
  font-family: "Bodoni+Moda+SC";
  background-color: #292929;
  color: #8a8a8a;
  margin: 0;
  padding: 0;
  text-align: center;
}

header, footer {
  background-color: #333;
  color: white;
  padding: 1rem; /*Vad innebär detta?*/
  transition: color 0.3s ease;
  transition: font-size 0.3s ease;
}

main, p{
    transition: font-size 0.3s ease, color 0.5s ease;
     background-color: #292929;
  color: #8a8a8a;
  margin: 0;
  padding: 0;
}

main, p:hover {
    font-size: large;
    color: white;
}

header:hover{
    font-size: 20px;
    color: rgb(68, 8, 8);
}

img {
  margin-top: 1rem;
  border-radius: 10px;
  transition: transform 0.3s ease, filter 0.3s ease;
  filter: blur(2px);
}

img:hover {
  transform: scale(1.1);
  filter: blur(0px);
}

li{
    text-align: center;
}
ul{
    list-style-position: inside;
    color: #8a8a8a;
    transition: color 0.3s ease;
}

ul:hover{
    color: white;
}

#bruce{
    transition: color 0.3s ease;
}

#bruce:hover span{
    display: none;
}
#bruce:hover::before{
    content: "Bruce Wayne - ";
     color: red;
}