html {
    font-family: "Kranky", serif;
}

body {
    background-image: url(images/puppybg.png);
}

h1 {
    color: rgb(211, 130, 236);
    font-family: "Rye", serif;
}

h1:before {
    content: "🦴";
    padding-right: 5px;
}

h1:after {
    content: "🦴";
    padding-left: 5px;
}

h2 {
    color: rgb(143, 93, 208);
    font-family: "Rye", serif;
}

h2:before {
    content: "⋆🐾⋆";
    padding-right: 5px;
}

h3 {
    color: rgb(85, 12, 144);
    font-family: "Rye", serif;
}

p {
    color: rgb(255, 213, 165);
    font-family: "Kranky", serif;
    font-size: 20px;
}

.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
 /* Optional: Adjust the width as needed */
}

.rye-regular {
  font-family: "Rye", serif;
  font-weight: 400;
  font-style: normal;
  src: url(rye-regular.ttf) format('.ttf');
}

.kranky-regular {
  font-family: "Kranky", serif;
  font-weight: 400;
  font-style: normal;
}

main {
    background-image: url(images/purplebg.png);
    background-size: cover;
    flex: 1;
    order: 2;
    border: groove #5a21a8;
    border-width: 2px;
    height: 1030px;
    width: 660px;
}

aside {
  width: 30%;
  padding-left:15px;
  margin-left: 5px;
  float: right;
  font-style: italic;
}

ul li::marker {
  content: url(images/wooblr.gif);
  color: pink;
  font-size: 25px;
}

#statuscafe {
    padding: .5em;
    background-color: azure;
    border: 1px dashed midnightblue;
    width: 290px;
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}