.pfp-background {
  background-color: #810000;
}

body {
  font-family:Arial, Helvetica, sans-serif;
  background-color: #f5f8fa;
  margin: 0;
  padding: 0;
}

#header-title {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-weight: bolder;
}

#header-title,
.clickable-name {
    color: black;
    transition: color 0.2s;
}

#header-title:hover,
.clickable-name:hover {
    color: rgb(61, 61, 61);
}

#logout {
    background-color: #810000;
    color: white;
}

#user-name:hover a {
    color:#612525;
}

#logout:hover {
    background-color: #700000;
}

@media(max-width: 900px) {
  header {
    position: sticky;
    top: 0;
  }
}