@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');

.boxInfo {
    border: 1px solid #ff37ff;
    margin-bottom: 20px;
    margin-top: 20px;
}


.fwiendFace img, .tableLeft img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: top;
}


#container {
    background: #16161A;
    border: 5px solid #f2c6de;
}


}
.tableLeft {
    background: #000;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
.tableRight {
    width: 75%;
    background: #000;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.topRight {
    width: auto;
    float: none;
}

.topRight > .extended.box {
    font-size: 0px !important;
    background: #222229;
}

.topRight > .extended.box::after {
    font-size: 15px !important;
    content: "wanna watch me burn down my own house?";
}

html {
  background: #FAEDCB !important;
  width: 100%;
  height: 100%;
  background-image: url("https://i.imgur.com/Pzmp9D6.png") !important;
  cursor: url(http://cur.cursors-4u.net/special/spe-3/spe302.png),auto!important;
}

body {
  background: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-size: 50%;
}

input, .fwiendFace b, .tableLeft b, .tableLeft img, #avatar.avatar, .fwiendFace img, .logo, div#hSub a, button, #add.boxButton, #sMsg.boxButton, #imgPreview img, #header a:not(.logo), #imgPreview {
    cursor: url(http://cur.cursors-4u.net/special/spe-3/spe302.png),auto!important;
}


h4 {
  color: #f2c6de;
  text-shadow: 1px 2px #8F5072;
  margin: 0;
}

* {
  font-weight: 100;
  color: #FAEDCB;
  text-shadow: 1px 2px #736135;
  font-family: "Cutive Mono", monospace !important;
}

button, input[type=submit] {
  padding: 5px;
  background: #303038;
  color: #aaa;
  border: 0px solid #f2c6de;
  border-radius: 3px;
  margin-top: 10px;
}

a, a h3, .boxInfo a div, .fwiendFace b {
  color: #f2c6de;
  text-shadow: 1px 2px #8F5072;
}

.blurbs, #box, .box, #header, #hSub, #commentInput {
  background: #303038;
  border: 1px solid #f2c6de;
  padding: 3px;
  margin-bottom: 10px;
}

.url.box a {
  color: #FAEDCB !important;
}

.rightHead, .boxHead {
  background: #222229;
  padding: 0px;
  border-bottom: 1px solid #f2c6de;
}

.rightHead b, .rightHead span, .boxHead b, .box.url b {
  color: #f2c6de;
  text-shadow: 1px 2px #8F5072;
}

#avatar {
  border: 1px solid #f2c6de !important;
}


#hSub {
  top: 35px !important;
}

#header, #hSub {
  background: #16161A;
  color: #f2c6de;
  padding: 6px !important;
  background: #16161A !important;
  border-bottom: 1px solid #f2c6de !important;
}

div#hSub a:first-child {
  border-bottom: 1px solid #f2c6de;
  padding-bottom: 7px;
}

#name {
  color: #f2c6de;
  text-shadow: 1px 2px #8F5072;
}

/* misc */

.fwiendCounter>b::after {
    content: " sexy people i harass";
    font-size: 15px;
    color: #FAEDCB;
}
.fwiendCount {
    color: #FAEDCB;
    font-size: 15px;
}
.fwiendCounter>b {
    font-size: 0px;
    color: #FAEDCB;
}
.fwiendCounter>b>.uName {
    font-size: 0px;
    color: #FAEDCB;
}

#hSub a {
    color: #FAEDCB;
    text-shadow: 1px 2px #736135;
    text-decoration: none;
}

div {
    color: #f2c6de;
    text-shadow: 1px 2px #8F5072;
}

.blurbs.box > .rightHead > b > span.uName::after {
    content: "biography";
    color: #f2c6de;
    font-size: 15px;
}
.blurbs.box > .rightHead > b {
    font-size: 0px;
}
.blurbs.box > .rightHead > b > span.uName {
    font-size: 0px;
    color: #f2c6de;
}

.url.box {
  display: none;
}

#block {
    display: none;
}
#report {
    display: none;
}
#sMsg::after {
    font-size: 15px;
    content: "sexting 101";
}
#sMsg {
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: bottom;
    background: url(https://i.imgur.com/5UW78lM.gif) no-repeat;
}
#add::after {
    font-size: 15px;
    content: "piss on me?"
}
#add {
    font-size: 0px;
    background-repeat: no-repeat;
    background: url(https://i.imgur.com/0NjlTED.gif) no-repeat;
}

.topLeft:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 100px;
    background-image: url(lll), url(https://i.imgur.com/DB4nJCP.png);
    background-position: center;
    background-repeat: no-repeat;
}

/* comments */

.tableLeft {
  background: none;
  width: 0% !important;
}

.tableRight {
  background: none;
}

.extended {
    background-color: #000;
    border: 1px solid #f2c6de;
    margin-bottom: 20px;
    margin-top: 20px;
}

.tableLeft img {
  max-width: 100px;
  max-height: 100px;
}

.date {
  color: #f2c6de;
  text-shadow: 1px 2px #8F5072;
}

.tableLeft a div b {
  color: #FAEDCB;
  float: left;
  margin-bottom: 0px !important;
}