Blue pixel blog layout

here’s what it looks like still without all the text!!

(Paste the code below into the little <> button)<style>

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

body {   

font-family: "Tiny5", serif;

  font-weight: 400;

  font-style: normal;

letter-spacing: 2px;

font-style: normal;

text-decoration-color: black;

background-image: url('https://i.postimg.cc/wMvsCgWg/IMG-0517.jpg');       

}

  main {

    background-color: #FFFFFF;

    color: #579ff6

}

.edit-info {

border: 3.5px #579ff6 solid;

border-radius: 4px;

background-color: #bbdaff;

color: white;

}

.inner b {

  color: #579ff6

}

  .count {

    color: #579ff6;

}

a {

    color: #579ff6;

}

a:hover {

    color: #bbdaff!important;

}

.icon, .award img {

    content: url(https://64.media.tumblr.com/7dfab9f5351ed3cc4d282dfb1e500b39/a61a02234809a08a-ca/s75x75_c1/4bb690d916cd8c2bf149e75cddf410c87226cb38.gif);

}

nav .links a, nav .links li .special a{

text-shadow: #579ff6;

}

nav .top {

background-image: url(https://i.postimg.cc/PxY5ZxzW/IMG-2797.jpg);

    height: 156px;

    border: white solid 3px;

}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

        content: "‪‪★‬";

 color: white;

}

nav .links {

    background-color: #bbdaff;

    color: white;

    text-align: center;

    border-radius: 2px;

    background-position: center;

    background-repeat: no-repeat;

} 

button, input {

background: white;

border: 2.5px #bbdaff solid;

border-radius: 4px;

color: #579ff6;

outline: none;

}

footer {

   visibility: hidden;

}

.profile-pic {

-webkit-mask-image: url(https://i.postimg.cc/SNBBHrWG/IMG-2802.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

height: 116px;

width: 117px;

}

.comments-table td:first-child img:not(.icon) {

-webkit-mask-image: url('https://i.postimg.cc/3wRhjZmC/Untitled47-20250512172712.png');

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

height: 106px;

width: 100px;

}

.blog-entry .comments .heading, .bulletin .comments .heading {

border: 2px #bbdaff solid;

text-align: center;

}

.blog-entry .comments .inner {

overflow-y: scroll;

display: block;

height: 280px;

}

.comments-table td:first-child {

background-color: white;

border: 2.5px #bbdaff solid;

}

.comments-table td:last-child {

background-color: white;

border: 2.5px #bbdaff solid;

}

.container{width: 750px !important;}

}

{

}

div.container { 

animation-name: floating; 

animation-duration: 4s; 

animation-iteration-count: infinite; 

animation-timing-function: ease-in-out; 

} 

@keyframes floating { 

0% 

{ 

transform: translate(0, 0px); 

} 

50% 

{ 

transform: translate(0, 15px); 

} 

100% 

{ 

transform: translate(0, 0px); 

</style>