body {
  background-color:rgb(22, 22, 26);
  color: rgb(203, 204, 207);
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: large;
}

h1 {
  text-decoration: none;
}

a:link {
  color: rgba(28, 127, 238, 1);
}

a:visited {
  color: rgba(186, 12, 248, 1);
}

a:hover {
  color: rgba(251, 7, 217, 1);
}

a:active {
  color: rgba(47, 201, 226, 1);
}

.headerfooter {
  background: linear-gradient(
        -5deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
}

.text-background {
  background-color: rgb(22, 22, 26);
  padding: 5px;
  border-radius: 5px;
}

.blog-content {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.art-container {
  width: 320px;
  height: 320px;
  border-color: rgba(47, 201, 226, 1);
  border-style: solid;
  display:inline-block;
  padding-left:10px;
  display: inline-block;
}

.art-scale {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.quote-container {
  white-space: pre-line;
  border-color: rgba(47, 201, 226, 1);
  border-style: solid;
  display:inline-block;
  padding-left:10px;
  padding-bottom: 5px;
}