body {
text-align: center;
color: yellow;
background-image: linear-gradient(180deg, violet, yellow);
letter-spacing: 3px;
font-family: system-ui;
}

.tableLeft {
background: #0b1d40;
}

div#header {
background: #0b1d40;
}

a.logo {
color: lime;
font-family: system-ui;
}

.tableRight {
background: #0b1d40;
}

.fwiendCount {
color: lime;
font-family: system-ui;
}

h4 {
color: lime;
margin-bottom: 0px;
font-family: system-ui;

}

.logo b span {
display: none;
}
.logo b:after {
vertical-align: middle;
font-size: 20px;
color: lime;
content: "Welcome to my space!";
text-align: center;
letter-spacing: 5px;
font-family: system-ui;
}

p {
color: white;
letter-spacing: 5px;
font-family: system-ui;
}

div#hSub {

background: #e91e63;

}

hSub a {

color: yellow;
text-decoration: none;
font-family: system-ui;

}

a:not(.logo) {
margin-left: 10px;
color: cyan;
font-size: small;
text-decoration: none;
font-family: system-ui;
}

• {
  cursor: url(https://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Cyan-square.png/15px-Cyan-square.png), auto !important;
  }

.rightHead {
background: transparent;
color: black;
font-family: system-ui;
}

.boxHead {
background: #0b1d40;
color: lime;
letter-spacing: 4px;
font-family: system-ui;
}

sMsg {

background-repeat: no-repeat;
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Transparent_square.svg/480px-Transparent_square.svg.png) no-repeat;

font-size: 0px;
}

add {

background-repeat no-repeat: ;
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Transparent_square.svg/480px-Transparent_square.svg.png) no-repeat;

font-family: system-ui;
font-size: 0px;
text-decoration: underline;
}

report {

background-repeat: no-repeat;
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Transparent_square.svg/480px-Transparent_square.svg.png) no-repeat;
font-family: system-ui;
text-decoration: underline;
font-size: small;
}

block {

background-repeat: no-repeat;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Transparent_square.svg/480px-Transparent_square.svg.png);
text-decoration: underline;

}

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

.extended {
border: 2px solid #6a1b9a;
text-align: center;
font-family: system-ui;
}

.boxInfo {
border: 2px solid #6a1b9a;
font-family: system-ui;
}

div#online {
content: url(https://www.bridalroom.co.uk/2017/wp-content/uploads/bfi_thumb/dummy-transparent-ntjangt7jfqn4rwr9sjgwe59a4nh422d2mszgjc1ig.png);
display: block;
width: 60%;

}

block::before {

content: "x ";
color: cyan;
font-size: small;

}

sMsg::before {

content: "✉ Message";
color: cyan;
font-family: system-ui;
font-size: small;

text-decoration: underline;
}

add::before {

content: "🍹 Fwiends";
color: cyan;
font-family: system-ui;
font-size: 15px;
}

report::before {

content: "! ";
color: cyan;
font-size: small;
}

commentInput {

background: transparent;
color: white;
font-family: system-ui;
letter-spacing: 4px;
border: none;

}

::-webkit-scrollbar {
width: 15px;
}

::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #0b1d40, yellow);
}

::-webkit-scrollbar-track {
background: #0b1d40;
}

input[type="submit" i] {

color: yellow;
background-color: transparent;
letter-spacing: 3px;
font-family: system-ui;
border: transparent;

}

button {
color: yellow;
background-color: transparent;
letter-spacing: 3px;
font-family: system-ui;
border: