.blog{
border: 2px solid #000;
background-color: #ffffff;
}

#header {
background: #000000;
width:100%;
height:auto;
margin:0px;
display: flex;
flex-direction: column;
align-items: center;
}

#hSub{
background: #000000;
padding: 8px;
top: 48px;
justify-content: center;
display: flex;
height:auto;
}

#hSub a{
margin-left: 8px;
margin-right: 8px;
}

#header a:not(.logo) {
margin-left: 16px;
margin-right: 16px;
}

.topLeft{
margin-top: 2rem;
width: 100%;
}

.topRight{
width: 100%;
align-contents: center;
float:none;
}

.boxHead{
background: #000000;
color: #ffffff;
}

.boxInfo:after{
content: "" url(https://cyber.dabamos.de/88x31/best_chrome.gif) url(https://myspace.f46n.org/res/discord/attachments/1070007323961085973/1122904786979799261/BlenderEnjoyers.gif) url(https://myspace.f46n.org/res/discord/attachments/165513567800393728/1122715637379256350/John.png);
white-space: pre-wrap;
align-items: center;
}

#boxInfo.box.a{
width:50%;
}

.url{
border: solid 2px #000000;
}

.rightHead{
visibility: hidden;
}

h4{
visibility: hidden;
}

h2{
font-family: "Helvetica";
color: #000000;
font-weight: 900;
font-size: 48px;
text-align: center;
margin-top:0px;
}

h3{
font-family: "Helvetica";
color: #000000;
font-weight: 900;
font-size: 36px;
text-align: center;
margin-top:32px;
margin-bottom:16px;
}

h1{
font-family: "Helvetica";
color: #000000;
font-weight: 900;
font-size: 64px;
text-align: center;
margin-top:0px;
}

h5{
font-family: "Helvetica";
color: #000000;
font-weight: 900;
font-size: 24px;
text-align: center;
margin-top:8px;
margin-bottom:8px;
}

table{
display:flex;
}

.short{
width: 100%;
flex-direction: column;
align-items: center;
}

td{
flex-direction: column;
display:flex;
align-items: center;
}

.avatar{
width:75%;
margin-right:0px;
transform-style: preserve-3d;
margin-bottom:50px;
margin-top:25px;
animation-name: speen;
animation-duration: 2.71s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

.blogCard .avatar{
width:75%;
}

.shortRight{
font-family: "Helvetica";
color: #000000;
font-weight: 900;
font-size: 24px;
text-align: center;
margin-top:0px;
}

p{
font-family: "Helvetica";
font-size: 16px;
}

a.logo span{
display: none;
}

a.logo:after{
float: left;
overflow:hidden;
font-family: "Helvetica";
color: #ffffff;
font-weight: 900;
font-size: 16px;
text-align: center;
width:100%;
margin-top:0px;
content: "WELCOME TO SYCLON'S MYSPACE. FEEL FREE TO DO WHATEVER THE F*** YOU WANT.";
animation-name: marquee;
animation-duration: 8s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

#hUp{
float:none;
}

.fwiendFace{
width: 10%;
}

.fwiendFace b{
color: #000000;
}

.fwiendCount{
color: #000000;
}

.fwiendCounter b[content="has"]{
color: #ffffff;
}

.tableLeft{
background:#ffffff;
width:10%;
align-items:center;
}

.tableRight{
background:#ffffff;
width:90%;
align-items:center;
}

#userWall{
align-items: center;
}

#userWall tr{
display:flex;
}

tr b{
color:#000000;
}

@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}

@keyframes speen {
0%{transform: rotateX(5deg) rotateY(0deg);}
100%{transform: rotateX(5deg) rotateY(360deg);}
}