dinner & diatribes

body {
    background: #c7c1a2;
    background-image: url(https://i.pinimg.com/originals/c5/7f/17/c57f17f63d68c1f47025a3fd106a5ef2.jpg);
background-attachment: fixed;
    background-position: center;
}

body {
    font-family: serif;
    padding-top: 58px;
    font-size: 15px;
text-align: center
}
a {
    color: #422919;
    text-shadow: 2px 2px 2px #a8923a;
}
div.boxHead {
    text-align: center;
    background: none;
    border-radius: 15px;
}
.boxHead {
    color: #e37a62;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
div#hSub { background: black;}
div.rightHead {
    background: #0f0f0f7a;
    text-align: center;
    border-radius: 15px;
    color: #e37a62;
    visibility: hidden;
}
h4 {
    color: cornsilk;
    margin-bottom: 0px;
    margin-top: 0px;
    text-shadow: 2px 2px 2px #a8923a;
}
div#header {background:black}
.rightHead {
    text-align: center;
    background: #0a0a0a;
    color: #fff;
    padding-bottom: 10px;
}
.short {
    margin-top: -15px;
    border-radius: 1px;
    padding: 20px;
}
td.shortRight {
    border: 4px #e2bd4f ridge;
    background: #6a525285;
}
.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: #794D31;
    padding-top: 7px;
}
.boxInfo {
    border: none;
margin-bottom: 10px;
    margin-top: 20px;
background-position-y: center;
}
.url {
    border: none;
    padding: 2px;
}
.extended {
    border: 4px #e2bd4f ridge;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
    background-image: url(https://i.pinimg.com/564x/6e/cb/dd/6ecbddee7b717f03429fb1fca2fc01e6.jpg);
    background-attachment: fixed;
}
.blurbs {
    margin-bottom: 20px;
    border: none;
}
p {
    margin: 0;
    padding: 5px;
    background-color: #6a525285;
    border: 4px #e2bd4f ridge;
}
b {
    color: cornsilk;
    text-shadow: 2px 2px 2px #a8923a;
}
.fwiendCount {
    color: #5d4d4d;
}
.tableLeft {
    background: #0f0f0f00;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
background-position: center;
}
.tableRight {
    width: 75%;
    border-radius: 1px;
    padding: 5px;
    background: none;
}
.tableLeft img {
    max-width: calc(100%);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background-position: center;
    object-fit: cover;
    border: 2px #e2bd4f ridge;
}
#footer {
    font-size: small;
    width: 100%;
    bottom: 0px;
    display: grid;
    text-align: center;
    border: none;
}
.box {
    border-radius: 1px;
    padding: 5px;
}
div.rightHead {
background: #0f0f0f7a;
    text-align: center;
    border-radius: 15px;
color: #e37a62;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
#commentInput {
    width: 90%;
    margin: 0;
    margin-top: 10px;
    height: 100px;
    border: 4px #e2bd4f ridge;
    margin-right: 17px;
    border-radius: 1px;
    padding: 5px;
    background-color: #6a525285;
}
.box.comments {
    border: none;
    padding-top: 25px;
}
div#header {
    background: #fff8dc54;
    position: absolute;
}
div#hSub {
    background: #fff8dc54;
    position: absolute;
}
#container {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff8dc54;
    border-right: 4px #e2bd4f ridge;
    border-left: 4px #e2bd4f ridge;
    border-bottom: 4px #e2bd4f ridge;
}
div#hSub {
    border-top: 4px #e2bd4f ridge;
    border-bottom: 4px #e2bd4f ridge;
}
.blog {
    background-color: #e2bd4f;
    padding: 15px;
}
.fwiendFace img {
    border: 2px ridge #e2bd4f;
    border-radius: 50%;
    background-position: center;
    border-radius: 50%;
    display: absolute;
    height: 100px;
    object-fit: cover;
    width: 100px;
}
.blog {
    background-color: #fff8dc00;
    padding: 0;
}
.topRight > .extended.box::after {
    font-size: 20px;
    content: "A pillar I am of pride";
    border-radius: 10px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1em;
    display: block;
}
.topRight > .extended.box::after {
    font-size: 20px;
    content: "A pillar I am of pride";
    border-radius: 10px;
    color: cornsilk;
    text-shadow: 2px 2px 2px #a8923a;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1em;
    display: block;
}
h3 {
    visibility: hidden;
    margin: 0px;
}
.url {
    font-size: 0px;
    background: url(https://www.pinclipart.com/picdir/big/365-3654081_candle-png-transparent-candle-gif-transparent-background-clipart.png);
    background-size: contain;
    position: fixed;
    right: 0;
    bottom: 0;
    color: transparent !important;
    height: 227px;
    width: 150px;
    border: none;
    box-shadow: none;
    padding: 0 !important;
    z-index: 1000;
    background-repeat-x: no-repeat;
}
.blogs {
    display: flex;
    flex-flow: row wrap;
    padding-top: 0px;
    padding-bottom: 0px;
}
.blogs, .blog {
    margin-bottom: 0px;
}
.blurbs>.blogs>div:not(:first-child):before {
    content: "";
    display: block;
    width: 97px;
    height: 91px;
    background: url(https://pngimg.com/uploads/rose/rose_PNG66943.png);
    background-repeat: no-repeat;
    background-position: center;
    image-rendering: pixelated;
    background-size: cover;
}
.blurbs>.blogs>div:not(:first-child) {
    width: 110px;
    text-align: center;
    margin: 0 16px;
    margin: auto;
background-position: center;
    color: black;
    text-shadow: 2px 2px 2px #a8923a;
}
.blurbs>.blogs>div:first-child{ display:none; }
.fwiendCounter {
    margin-top: 0px;
    margin-bottom: 20px;
}
.fwiendCounter:after {
    font-size: 20px;
    font-weight: bold;
    content: "ones who sit at the table";
    color: cornsilk;
    text-shadow: 2px 2px 2px #a8923a;
}
.fwiendCounter {
    font-size: 0px;
}
.player audio, .player audio::-webkit-media-controls, .player audio::-webkit-media-controls-enclosure, .player audio::-webkit-media-controls-panel {
    background: #fff;
    background: #42291900;
    height: 36px;
    filter: none;
    border-radius: 26px;
}
.player {
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #6a525285;
    color: #fff8dc;
    idth: calc(100% - 10px );
    border: 4px #e2bd4f ridge;
    text-shadow: 2px 2px 2px #a8923a;
}
::-webkit-scrollbar {
    width: 6px;
    height: 15px;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #6a5252db;
    box-shadow: inset 0 0 13px #9e939369;
    border: #8e7731 1px solid;
}
::-webkit-scrollbar-track {
    background: #a8923a;
    box-shadow: inset 0 0 4px beige;
    border-radius: 0px;
}
.blogs div, .blog div {
    margin-bottom: 10px;
    width: -webkit-fill-available;
}
td.tableRight:hover {
    background-image: url(https://64.media.tumblr.com/b0d3cbaf233acb5463b878e926909469/44def4aa1dd2c0f0-19/s500x750/1ce03fe21f1e79525e8b0c2f894e71eb971a1a64.gifv);
    transform: scaleX(1.5);
transform: scaleY(1);
    animation: wob .5s linear infinite;
    transition: 0.4s;
    background-size: cover;
    border: #988549 3px ridge;
    border-radius: 4px;
    box-shadow: 0 0 1rem black;
}
.box {
    overflow: visible;
}
#userWall {
    margin-top: 10px;
    word-wrap: break-word;
    display: inline-block;
    overflow: visible;
    width: 100%;
}
td.tableLeft:hover {
    background-image: url(https://media4.giphy.com/media/L0clzvO8qccae852l3/giphy.gif);
    transform: scaleX(1.5);
transform: scaleY(1);
    animation: wob .5s linear infinite;
    transition: 0.4s;
background-size: cover;
    background-position: center;
    border: #988549 3px ridge;
    border-radius: 4px;
    box-shadow: 0 0 1rem black;
}
form:hover {
    background-image: url(https://64.media.tumblr.com/17b08e30ea9ecdfdf68f799fa2c25012/44def4aa1dd2c0f0-fa/s500x750/b43d2440efa83b7c09b4bca793c44dc5887ed5e2.gifv);
    transform: scaleX(1.5);
transform: scaleY(1);
    animation: wob .5s linear infinite;
    transition: 0.4s;
background-size: cover;
background-position-y: center;
    border: #988549 3px ridge;
    border-radius: 4px;
    box-shadow: 0 0 1rem black;
}
.boxButton {
    margin: 2px;
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: #0a0a0a;
    padding-top: 7px;
    text-shadow: 2px 2px 2px #a8923a;
}
#sMsg {
    background-repeat: no-repeat;
    background-image: url(https://i.gifer.com/5Mz4.gif);
    background-size: contain;
}
#add {
    background-repeat: no-repeat;
    background-image: url(https://i.gifer.com/5Mz4.gif);
    background-size: contain;
}
#report {
    background-repeat: no-repeat;
    background-image: url(https://i.gifer.com/5Mz4.gif);
    background-size: contain;
}
#block {
    background-repeat: no-repeat;
    background-image: url(https://i.gifer.com/5Mz4.gif);
    background-size: contain;
}
.boxInfo.box:hover {
    background-image: url(https://media0.giphy.com/media/PO8gyDUe7cCJSU0NBx/giphy.gif);
    transform: scaleX(1.5);
transform: scaleY(1);
    animation: wob .5s linear infinite;
    transition: 0.4s;
background-position-y: center;
background-size: cover;
    border: #988549 3px ridge;
    border-radius: 4px;
    box-shadow: 0 0 1rem black;
}
form {
background-position-y: center;
}
#top {
    padding: 10px;
    background: #6a525285;
    border: 4px #e2bd4f ridge;
}
.box.fwiends {
    background-position: center;
}
.box.fwiends:hover {
    background-image: url(https://media0.giphy.com/media/1xOPd1dyjCReHqniby/giphy.gif);
    transform: scaleX(1.5);
transform: scaleY(1);
    animation: wob .5s linear infinite;
    transition: 0.4s;
background-position: center;
background-size: cover;
    border: #988549 3px ridge;
    border-radius: 4px;
    box-shadow: 0 0 1rem black;
}
.blurbs>.blogs>div:not(:first-child):hover {
    background-image: url(https://media3.giphy.com/media/d7obZIfTMWJn23wi0G/giphy.gif);
    transform: scaleX(1.5);
transform: scaleY(1);
    animation: wob .5s linear infinite;
    transition: 0.4s;
background-position: center;
background-size: cover;
    border: #988549 3px ridge;
    border-radius: 4px;
    box-shadow: 0 0 1rem black;
}
.topLeft {
    border-bottom: 4px #e2bd4f ridge;
    border-right: 4px #e2bd4f ridge;
    border-left: 4px #e2bd4f ridge;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 0px;
    background: #6a525285;
}
.topRight {
    padding: 5px;
}
.blogs, .blog {
    margin-bottom: 0px;
    background: #6a525285;
    border: 4px #e2bd4f ridge;
    padding: 10px;
}
h2#name {
    text-shadow: 2px 2px 2px #a8923a;
    color: black;
    margin-top: 15px;
}
button {
    margin: 3px;
    width: max-content;
    border: #988549 3px ridge;
    border-radius: 4px;
    background: #988549;
    font-family: times;
color: #c4b889;
}
input[type="submit"] {
    margin: 3px;
    width: max-content;
    border: #988549 3px ridge;
    border-radius: 4px;
    background: #988549;
    font-family: times;
color: #c4b889;
}
.logo {
    visibility: hidden;
}
.logo::after {
    padding-top: 10px;
    visibility: visible;
    width: 171px !important;
    top: 0;
    left: 0;
    font-family: serif;
    content: "Honey, I laugh when it sinks in...";
    font-size: 20px;
font-weight: bold;
    color: black;
}
div#online {
    content: url(https://static.wixstatic.com/media/f5f62f_5157198913604809860906d432376f5f~mv2.gif);
    display: block;
    margin-left: none;
    margin-right: auto;
    width: 40%;
    padding-left: 30px;}
html {
    cursor: url(https://64.media.tumblr.com/3b86a3dfc3ce83a1a08a73cbd8d328bc/e72cce72456ee3d0-0c/s75x75_c1/0f05d0983fadcdf2a19e3ba3c6d8974ec1e8da48.png),auto!important;
}
textarea#commentInput {
    cursor: url(https://64.media.tumblr.com/615babdd3a920d8cc43a20937f44d09f/40592820b8cf8e69-97/s75x75_c1/80b88ad9421f4f9e69812659f3c8c449360a4cf1.png), auto!important;
}
a, button, input[type="submit"] {
    cursor: url(https://64.media.tumblr.com/9bf2e627dbc9630011724bd66a50e08e/40592820b8cf8e69-af/s75x75_c1/10c3e01985f6fb06a52789382d159a37a0b25153.png),auto!important;
}