body {
    background-image: url(https://myspace.f46n.org/res/discord/attachments/1130941253807263767/1215070471146700850/1200.png?ex=65fb698f&is=65e8f48f&hm=217373f110d43313c7ac54876234a5006cfac13557ea4453dcd999acb25d93c9&=&format=webp&quality=lossless&width=1385&height=778);
    background-attachment: fixed;
    background-size: cover;
    font-family: monospace;
    color: #314378;
}

.topLeft {
    float: left;
    width: calc( 40% - 20px );
    padding: 10px;
}

div.extended.box, div.songName {
    background-color: #0f48897a;
    border-radius: 10px;
    padding: 5px;
    color: #FFFFFF;
    border: groove;
    border-radius: 10px;
    border-color: #FFFFFF;
}

.extended {
    border: none;
}

div.box.blurbs, .blog {
    background-color: rgb(0 0 0 / 52%);
    border-radius: 10px;
    padding: 5px;
    color: #FFFFFF;
    border: groove;
    border-radius: 10px;
    border-color: #FFFFFF;
    font-family: monospace;
}

#hSub {
    background-color: rgb(0 0 0 / 52%);
    font-family: monospace;
}



.songName {
    color: #FFFFFF;
}




.short {
    margin-top: -15px;
    background-color: rgb(0 0 0 / 52%);
    border-radius: 10px;
    padding: 5px;
    width: 100%;
    border: groove;
}

.avatar {
    width: 200px;
    margin-right: 20px;
    cursor: zoom-in;
    image-orientation: from-image;
    border-radius: 10px;
    border: groove;
    border-color: #FFFFFF;
}


    

div.box.fwiends {
    background-color: rgb(0 0 0 / 52%);
    border-radius: 10px;
    padding: 5px;
    border: groove;
    border-radius: 10px;
    border-color: #FFFFFF;
    padding: 5px;
}

.tableLeft img {
    border: groove;
    border-radius: 10px;
    border-color: #FFFFF;
}

.player::before {
    content: "";
    display: block;
    height: 300px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://media.tenor.com/0xXVEOOroaIAAAAC/klavier-gavin.gif);
    padding: 5px;
    border-radius: 10px;
    position: inherit;
}

div.player.box {
    background: rgb(0 0 0 / 52%);
    border: groove;
    border-radius: 10px;
    border-color: #FFFFFF;
    padding: 5px;
}

span#hUp::before {
    content: "OBJECTION!";
    font-size: 12px;
    animation-duration: 0.3s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: blinkingTextRed;
    font-family: monospace;
}

td {
    display: table-cell;
    vertical-align: inherit;
    color: #FFFFFF
}

#country::before {
    font-size: 15px;
    content: "The Courthouse";
}

#country {
    font-size: 0;
    user-select: none;
}

#gender::before {
    font-size: 15px;
    content: "Attorney";
}

#gender {
    font-size: 0;
    user-select: none;
}

div#gender, div#country {
    font-size: 0 !important;
}

element.style {
    font-size: 0;
}

.rightHead {
    color: #FFFFFF;
    background: #0f48897a;
    border-radius: 10px;
    padding: 5px;
    border: groove;
    border-color: #ebe3e3;
}

.tableLeft {
    color: #FFFFFF;
    background: #0a3c7594;
    border-radius: 10px;
    border: groove;
    border-color: #ebe3e3;
}

.tableRight {
    width: 75%;
    background: #0000008f;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
    border: groove;
    border-color: #FFFFFF;
    border-radius: 10px;
}

b {
    color: #FFFFFF;
}

b.date {
    color: #85e227;
}

rgba(31 38 110 179 / 50%)

a:-webkit-any-link {
    color: #97c3ee;
    cursor: pointer;
    text-decoration: underline;
}

.boxInfo {
    border: groove;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
    border-color: #FFFFFF;
    padding: 5px;
    background-color: rgb(0 0 0 / 52%);
}

.boxHead {
    background: #2565b28c;
    color: white;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
    border: groove;
    border-radius: 10px;
    border-color: #FFFFFF;
}

h4 {
    color: #85e227;
    margin-bottom: 0px;
}

a {
    color: #c4dcf3;
}

span.fwiendCount {
    color: #85e227;
}

h2#name.uName {
    border: groove;
    border-radius: 10px;
    border-color: #FFFFFF;
    background-color: #031f428c;
    color: #FFFFFF;
    padding: 5px;
}

.url {
    display: none;
}

.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: #b1d0ef;
    padding-top: 7px;
}

.fwiendFace img {
    width: 100%;
    max-height: 300px;
    border: groove #FFFFFF;
    border-radius: 10px;
}


#header {
    font-family: monospace;
    font-size: 15px;
    background: #2565b28c;
    color: #fff;
    position: fixed;
    width: calc( 100% - 15px );
    height: 22px;
    padding: 5px;
    left: 0px;
    top: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid black;
    padding-left: 10px;
    padding-top: 6px;
    overflow: hidden;
    z-index: 300;
}

div.topLeft.blogCard {
    float: left;
    width: calc( 30% - 20px );
    padding: 10px;
}

.blogPost {
    width: calc( 70% - 20px );
}

#85e227 is green
#c4dcf3 is lINK BLUE IF I  COULD FIGURE OUT HOW TO DO IT
#031f428c is single layer blue