<style>

.online img{
        content: url('https://files.catbox.moe/kvpiov.png');
        height: 2em;
    }
.online {
    color: #bd0202;
    font-size: 95%;
font-family: 'menu';
}

.logo {

content:url("https://www.dl.dropboxusercontent.com/scl/fi/rkuwqxk6vdc8b28x63jjk/Untitled55_20230915101005.png?rlkey=5q5os640xw6as4yaxhw5m0dlz&dl=0");

}

/* fonts */

@font-face
{
font-family: 'menu';
src: url('https://files.catbox.moe/nmsap8.ttf');
}

@font-face
{
font-family: 'hatty';
src: url('https://files.catbox.moe/xrf5us.ttf');
}

@font-face
{
font-family: 'royal';
src: url('https://files.catbox.moe/lpu0iq.ttf') ;
}

@font-face
{
font-family: 'card';
src: url('https://files.catbox.moe/fj6jj6.otf');
}

h1, h2, h3, h4, h5 {font-family:'menu';
font-size: 20px;
color:#bd0202;
}

body {
font-family:'hatty';
font-size: 30px;
color:#b3b3b3;

}

a { 
font-family: 'royal';
font-size: 20px;
color:#fc4242;
}

p {
font-family: 'royal';
font-size: 20px;
color: #b3b3b3;
}

b {
    font-size: 20px;
color:#b3b3b3;
}
b, strong {
    font-size: 20px;
color:#b3b3b3;
}

/* fonts end */

/* edit your profile box */
.profile-info {
    background: #3535358f;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}

/* pfp */
.general-about .profile-pic img{
  border-radius: 50%;
}

/* log OUT!!!!! */
.logout-btn {
    font-family: menu;
    color: white;
    display: inline-block;
    font-size: 25px;
}

/* navigation banner */

nav .top {
    background: #c50f0f;
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
}

nav .links {
    padding: 3.5px 16px;
    font-family: hatty;
    font-size: 16px;
    background-color: #750000;
}
/* nav end */

/* true background */
body {
background-image: url('https://files.catbox.moe/02gbbm.png');
background-attachment: fixed;
background-size: 100% 100%;    
       
    }

/* fake background */
main {
    padding: 6px 0px;
    font-size: 80%;
background: #08080ccf;
border-color: #d50000;
border-style: dotted;
}

/* blog, blurbs, friends, comments header colors*/
.profile .blurbs .heading, .profile .friends .heading {
    background: black;
    color: #bd0202;
    padding: 2px 7px;

}

/* about me , who id like to meet titles*/
.profile .blurbs .section h4 {
    margin: 0;
    color: #bd0202;
}

/* about me , who id like to meet text*/
.profile .blurbs .section {
    margin: 0;
    color: #bd0202;
}

/* profile , blurbs, friends, blog border */
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 2px solid #60A5FA;
    border: 2px solid #cd0000;
    margin: 10px 0;
}

/* contacts, interests, links headers */
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: black;
    padding: 2px 7px;
}

/* contacts, interests, links borders */
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 2px solid #bd0202;
    margin: 10px 0;
    background: black;
}

/* interests text*/
.details-table td:first-child {
    background: #6b0d0d;
    color: white;
    font-weight: bold;
    width: 33%;
}

.details-table td {
    background: #8d1b1b;
    vertical-align: top;
}

/* interaction icons*/
        .contact .inner a img {
            image-rendering: pixelated;
            font-size: 0;
}
        .contact .inner a img:before {
            font-size: 1em;
            display: block
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
            /* add to friends */
            content: url("https://files.catbox.moe/p249oi.png");
        }
        .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
            /* add to favorite */
            content: url("https://files.catbox.moe/f9dp95.png");
        }
        .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
            /* send a message */
            content: url("https://files.catbox.moe/humg1w.png");
        }
        .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
            /* forward to friend*/
            content: url("https://files.catbox.moe/zy9ite.png");
        }
        .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
            /* instant message */
            content: url("https://files.catbox.moe/sq62sv.png");
        }
        .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
            /* block user */
            content: url("https://files.catbox.moe/a90p5d.png");
        }
        .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
            /* add to group  */
            content: url("https://files.catbox.moe/llsfzl.png");
        }
        .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
            /* report */
            content: url("https://files.catbox.moe/18bqkv.png");
        }

/* user comment box colors */

.comments-table td:first-child, .music-table td:first-child {
    background: #4f0000;
    text-align: center;
    width: 38%;
}

/* the actual comment */
.comments-table td, .music-table td {
    background: #8d0000;
    vertical-align: top;
}

/*footer stuff*/
nav, footer, .profile .contact {
    display: inherit !important;
    opacity: 1 !important;
    background-color: #3a0909;
}

</style>

back to layouts