html, body {
  margin: 0;
  padding: 0;
}


body
{
    font-family: sans-serif;
    text-align: center;
    background-image: url("ghost.png");
}

header
{
  background-color: rgb(206, 202, 80);
  opacity: 0.9;
}

.header-logo
{
  width: 200px;
}

.top-wrapper
{
  padding-top: 30px;
  padding-bottom: 30px; 
  background-color: darkslategrey;
  width: 850px;
  margin: 0 auto;
}

.top-wrapper a {
  color: white;
  display: block;
  margin-bottom: 50px;
}

h1
{
  margin: 0px 0px 50px 0px;
  color: rgb(248, 104, 104);
  display: inline-block;
  border-bottom: solid 3px white;
}

h3
{
  color: rgb(248, 104, 104);
}

p
{
  color: white;
  margin: 20px 0px;
}


.members img
{
  width: 300px;
  height: 300px;
  border-radius: 8px;
  transition: 0.3s ease;
}

.keyholder img {
  width: 300px;
  height: 300px;
  border-radius: 8px;
  transition: 0.3s ease;
}

.keyholder img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}