home sweet home

body {font-family:Georgia ; background:#ab956f; text-align:center}
body {padding-top: 60px;
    font-size: 16px;
}
div.boxHead {
    background-size: contain;
    text-shadow: 2px 2px 2px #422918;
    background: none;
}
div.rightHead {
    background: #0d0d0d;
    color: #ffffff;}
div#hSub {
    font-family: Georgial;
    font-size: 10px;
    background: #422918;}
h4 {
    color: black;}
span.uName {color: #422918; }
div#header {
    background: #422918;
    background-image: url(https://webstockreview.net/images/lace-png-images-3.png);
    background-size: contain;
}
a:-webkit-any-link {
    color: -webkit-link;
    cursor: crosshair;}
span {color: cornsilk;}
span#credo {color: #422918;}
span#age {color: #422918;}
span#lastLogin {color: #422918;}
html {cursor: cell}
span.uName {color: cornsilk;}
span.fwiendCount {color: chocolate; }
.box {
    border: 4px double;
    overflow: hidden;
    background-color: #b49061a6;
boarder-color: black;
 background-image: url(https://simple-repeat.com/img/pngimg/grid/grid070clear256.png);
box-shadow: 7px 7px #0e000057;
    border-radius: 10px;
}
.tableRight {
    width: 75%;
    background: #fff8dc96;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
border-radius: 2px 25px 25px;}
b {color: cornsilk; }
.tableLeft {
    background: none;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
border-radius: 25px;
font-size: 13px;
    text-align: center;
}
div.rightHead {
    background: #422918;
    color: #ffffff;
padding-left: 4px;
    padding: 6px;
    text-align: center;
}
.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: #1f1b15;
    padding-top: 7px;
box-shadow: 7px 7px #0e000057;
    border-radius: 10px;
}
a:-webkit-any-link {
    color: firebrick;
    cursor: crosshair;
}
h2#name.uName {
    font-size: xx-large;
    text-align: center;
    margin-bottom: 10xp;
text-shadow: 2px 2px 2px #ffc9b5;
}
table.short {
    background: #b49061a6;
    border: 4px double;
    background-image: url(https://simple-repeat.com/img/pngimg/grid/grid070clear256.png);
box-shadow: 7px 7px #0e000057;
    border-radius: 10px;
}
body {
    background-image: url(https://cdn131.picsart.com/257567641001212.png?type=webp&to=min&r=640);
    background-size: unset;
background-attachment: fixed;
}
div.url.box {
    text-align: center;
box-shadow: 7px 7px #0e000057;
    border-radius: 10px;
}
div.blogs {text-align: center; }
.boxButton {
    display: inline-block;
    width: calc( 54% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: ##1f1b15;
    padding-top: 7px;
    box-shadow: 0 0 black;
    border-radius: 10px;
}
div.blogs {
    text-align: center;
padding: 0px;
    margin-bottom: 0px;

 }
#sMsg {
    background-repeat: no-repeat;
    background-image: url(https://icons.iconarchive.com/icons/iconsmind/outline/24/Email-icon.png);
    text-align: center;
}
#block {
    background-repeat: no-repeat;
    background-image: url(https://icons.iconarchive.com/icons/iconsmind/outline/24/Angry-icon.png);
    text-align: center;
}
#add {
    background-repeat: no-repeat;
    background-image: url(https://icons.iconarchive.com/icons/iconsmind/outline/24/Friendster-icon.png);
    text-align: center;
}
#report {
    background-repeat: no-repeat;
    background-image: url(https://icons.iconarchive.com/icons/iconsmind/outline/24/Speaker-icon.png);
    text-align: center;
}
.player::before {
    content: "";
    display: block;
    position: relative;
    width: calc(40% -20px);
    height: 210px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://i2.wp.com/66.media.tumblr.com/2c05c8a63a0cb5d6fa348dd2f13a7003/e69f55923b1b5a5d-60/s540x810/24907307f3ae84980737e4d24dd7df7a4983c8e6.gif?w=720&ssl=1);
     border-radius: 5px;}
  ::-webkit-scrollbar {
    width: 5px;
    height: 15px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: brown;
    box-shadow: inset 0 0 6px cornsilk;
}
::-webkit-scrollbar-track {
    background: cornsilk;
    box-shadow: inset 0 0 10px beige;
    border-radius: 10px;
}
.url {
    font-size: 0px;
    background: url(https://cdn130.picsart.com/306295514265211.png?type=webp&to=min&r=640);
    background-size: 250px;
    position: fixed;
    right: 0;
    bottom: 0;
    color: transparent !important;
    height: 227px;
    width: 250px;
    border: none;
    box-shadow: none;
    padding: 0 !important;
    z-index: 1000;
}
div.url.box {
    box-shadow: 7px 7px #0e000057;
    border-radius: 10px;
}
.fwiendFace img {
border: 4px double cornsilk;
     border-radius: 50%;
     background-position: center;
     border-radius: 50%;
     display: absolute;
     height: 100px;
     object-fit: cover;
     width: 100px;
     border-width: 2px;
     border-color: cornsilk;
}
#commentInput {
    width: calc( 96.5% - 1px );
    margin: 0;
    margin-top: 10px;
    height: 100px;
    color: cornsilk;
}
textarea#commentInput {
    background: #bc8f8fa3;
    border: solid #734d1d;
    border-radius: 10px;
    padding: 10px;
}
div.rightHead {
    background: #422918;
    background-image: url(https://webstockreview.net/images/lace-png-images-3.png);
    background-size: contain;
    color: #ffffff;
    padding-left: 4px;
    padding: 6px;
    text-align: center;
}
#container {
    background-color: #74644863;
    border: double cornsilk;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
.tableLeft img {
    max-width: calc(100%);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background-position: center;
    object-fit: cover;
    border: 4px double cornsilk;
}
#footer {
    font-size: small;
    width: 100%;
    bottom: 0px;
    display: grid;
    text-align: center;
    border: none;
    background: none;
    box-shadow: none;
}
.box.fwiends {
    margin-bottom: 20px;
}
div#online {
    content: url(https://www.myspacegens.com/images/online_now/64.gif);
    display: block;
    margin-left: auto;
    margin-right: auto;
width:70%
}
b.date {
    color: chocolate;
}
button {
    width: max-content;
    color: brown;
    background-color: cornsilk;
cursor:crosshair;
}
.box.comments {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: none;
    overflow: visible;
}
.fwiendFace:hover, .tableLeft:hover {
    border-radius: 15px;
    transform: scale(1.2);
    background-color: #b49061;
    background-image: url(https://simple-repeat.com/img/pngimg/grid/grid070clear256.png);
    animation: wob .5s linear infinite;
    box-shadow: 0 0 1rem cornsilk;
    border: 1px solid cornsilk;
    transition: 0.5s;
}
#userWall {
    margin-top: 10px;
    word-wrap: break-word;
    display: inline-block;
    overflow: visible;
    width: 100%;
}
.fwiendFace {
    max-width: 25%;
    display: inline-grid;
    width: calc( 24% - 6px );
    padding: 3px;
    text-align: center;
    font-size: 13px;
}
.topRight > .extended.box::after {
    font-size: 20px;
    content: "♡ Home Sweet Home ♡";
    border-radius: 10px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1em;
    display: block;
}
h3 {
    visibility: hidden;
    margin: 0px;
}
input[type="submit"] {
    cursor: crosshair;
    color: brown;
    background: cornsilk;
    border: dotted;
}
.topLeft > .extended.box::after {
    content: "";
    display: block;
    position: fixed;
    width: calc(40% -20px);
    height: 210px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://i2.wp.com/66.media.tumblr.com/2c05c8a63a0cb5d6fa348dd2f13a7003/e69f55923b1b5a5d-60/s540x810/24907307f3ae84980737e4d24dd7df7a4983c8e6.gif?w=720&ssl=1);
}
.blogs {
    display: flex;
    flex-flow: row wrap;
    padding-top: 16px;
    padding-bottom: 16px;
}
.blogs, .blog {
    margin-bottom: 20px;
}
.blurbs>.blogs>div:not(:first-child):before {
    content: "";
    display: block;
    width: 97px;
    height: 91px;
    background: url(https://64.media.tumblr.com/c69862978cc3ab12ab0a2c81304b7524/c1a8017f156f9a41-23/s500x750/9a94134f69950fe90efb3ac6836a7054845e2a59.gifv);
    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.5%;
}
.blurbs>.blogs>div:first-child { display:none; }
.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;
}
.songName {
    margin-top: 10px;
    font-size: medium;
}
a.logo {
    visibility: hidden;
}
.logo::after {
    padding-top: 10px;
    visibility: visible;
    width: 171px !important;
    top: 0;
    left: 0;
    font-family: georgia;
    content: "bless your heart...";
    font-size: 15px;
    color: cornsilk;
}
.boxButton:hover {
        border-radius: 15px;
    transform: scale(1.2);
    background-color: #bc8f8fa3;
    animation: wob .5s linear infinite;
border: .5px solid #422918;
    transition: 0.5s;
    backdrop-filter: blur(3px);
}
.boxInfo.box {
    overflow: visible;
}
li:hover {
        border-radius: 15px;
    transform: scale(1.2);
    background-color: #bc8f8fa3;
    animation: wob .5s linear infinite;
border: .5px solid #422918;
    transition: 0.5s;
    backdrop-filter: blur(3px);
}
.blurbs>.blogs>div:not(:first-child):hover {
        border-radius: 15px;
    transform: scale(1.2);
    background-color: #bc8f8fa3;
    animation: wob .5s linear infinite;
border: .5px solid #422918;
    transition: 0.5s;
    backdrop-filter: blur(3px);
}
.boxButton {
    background-size: contain;
    padding: 2px;
    background-position-x: 4%;
    background-position-y: center;
margin: 3px;
}
.box {
overflow: visible;
}
a:hover {
    color: cornsilk;
    animation: wob .5s linear infinite;
}
audio:hover {
    background: #bc8f8fa3;
}