<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;700&display=swap');

body {
background-color: white !important;
background-image: url('https://files.catbox.moe/4f8ca9.png') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover;
font-family: 'Lexend', sans-serif !important;
--lighter-blue: none;
}

body, h1, h2, h3, h4, h5, h6, p, a, td, .heading, .blurbs, .friends, .comments, .top, .links, footer {
font-family: 'Lexend', sans-serif !important;
}

main {
background-color: rgba(156, 186, 222, 0.8) !important;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(10px);
border: 2px solid #d687b3;
border-radius: 0 0 10px 10px;
color: white !important;
}

.top {
background-color: #432240 !important;
border-radius: 10px 10px 0 0;
color: #d687b3;
}

.links {
text-align: center;
background-color: #72456a !important;
}

.col.w-40.left .url-info {
border-radius: 10px;
background-color: #72456a;
}

h1 {
text-align: center;
background-color: #72456a !important;
border-radius: 10px;
}

.contact .heading {
background-color: #72456a !important;
text-align: center;
border-radius: 10px 10px 0 0;
}

.contact {
background-color: #72456acc !important;
border-radius: 10px;
}

.table-section .heading {
background-color: #72456a !important;
text-align: center;
border-radius: 10px 10px 0 0;
}

table.details-table {
background-color: #72456acc !important;
border-radius: 0 0 10px 10px;
}

.profile .details-table td {
background-color: #e3afda7f !important;
border-radius: 2px;
}

.blog-preview h4,
.blurbs .heading,
.friends .heading {
text-align: center;
background-color: #72456a !important;
border-radius: 10px;
}

.comments-table td {
background-color: #72456a !important;
}

footer {
background-color: #72456a !important;
border-radius: 10px;
color: #d687b3;
}

a {
color: white !important;
}

a:hover,
a:visited,
.top a,
.top a:hover,
.top a:visited,
.links a,
.links a:hover,
.links a:visited,
.friends-grid p,
.friends-grid a,
footer .links a,
footer .links a:hover,
footer .links a:visited {
color: #d687b3 !important;
}

.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
display: block;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { content: "👾"; }
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { content: "🎶"; }
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { content: "🎶"; }
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { content: "👾"; }
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { content: "👾"; }
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { content: "🎶"; }
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { content: "🎶"; }
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { content: "👾"; }

.blurbs .section h4 {
display: none !important;
}

main .blurbs .heading,
main .friends .heading,
main .comments .heading,
main .profile .heading,
main h4.heading {
color: white !important;
}

.friends .count,
.friends .number,
.comments .count,
.comments .number,
.blurbs .count,
.blurbs .number {
color: #d687b3 !important;
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/fInVzG7Xchs?autoplay=1&loop=1&playlist=fInVzG7Xchs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>

<!-- Hi so, idk if anyone reads this code, but huge, HUGE thank you for Boogley for the template. :3 -->