hi this is just a goofy example

of how u can customize your profile

Similar to PetzU and DoPP, you can use a combination of Markdown and HTML in your profile to make it your own!

kinda cool...

# hi this is just a goofy example
## of how u can customize your profile

Similar to PetzU and DoPP, you can use a combination of [Markdown and HTML](https://petzmainstreet.com/petzu/tutorial/markdown-101-cheat-sheet) in your profile to make it your own!

<div class="neat"><p>you can make divs and such</p></div>

kinda cool...

![breaker](/uploads/6/sunflowers.gif "Look at me!")

Paste this CSS code into your profile's Custom CSS field:

display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
align-content: center;
background-image: url('/uploads/6/bgpatchwork.gif');
font-family: 'Times New Roman', Times, serif;
color: #294629;
line-height: 1.6;
border-radius: 20px;
border: 5px solid #4f6c6c;
box-shadow: 6px 6px 0 rgba(75, 52, 39, 0.18);
padding: 1.5;
}

.user-bio {
  display:flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  align-content: center;
}

pre, code {
  background-color: #4f6c6c;
  color: #dfe1b9;
}

img {
  display:inline-block;
}

/* ============================================================= */
/* Remove paragraph box styling around standalone Markdown images */
.user-profile p:has(> img:only-child) {
  background: transparent;
  box-shadow: none;
}

.user-profile p:has(> img:only-child) img {
  display: block;
}
/* ============================================================= */

.user-profile a {
  color: #8d4f3d;
  font-weight: bold;
}

.user-profile a:hover {
  color: #c46b8c;
  text-decoration: none;
}

.user-profile p {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #dfe1b9;
  border-radius: 10px;
  box-shadow: 6px 6px 0 rgba(75, 52, 39, 0.18);
  font-family: 'Times New Roman', Times, serif;
}

.user-profile h1,
.user-profile h2,
.user-profile h3 {
  color: #294629;
  margin-bottom: 2rem;
  font-family: 'Courier New', monospace;
  border-radius: 14px;
  padding: 0.5rem 1rem;
  filter: drop-shadow(3px 3px 1px #dfe1b9);
}

.neat {
  color: #4b3427;
  font-size: 12px;
  background: #fff5f8;
  border: 2px dotted #f4a7b9;
  border-radius: 999px;
  padding: 0.25rem 0.6rem; 
  margin-bottom: 1rem;
}

.neat p {
  background: transparent;
  box-shadow: none;
  margin: 0;
}