<style>
 
    :root{
        --text: #800000;
        --link: #0000EE;
        --link_hover: #EE0000;
        --boxcolor: #F0E0D6;
        --outlinecolor: #D9BFB7;
 
        --font:sans-serif;
 
        --topic1: "General";
        --topic2: "Music";
        --topic3: "Movies";
        --topic4: "Television";
        --topic5: "Books";
        --topic6: "Heroes";

        --myactions: "add me";
        --mytopics: "interests";
        --mylinks: "links";
    }
 
    /*text*/
 
    h1,h2,h3,h4,h5,h6{
        color:var(--text) !important;
    }
    .mood,.blog-preview,.blurbs,.friends,.top{
        color:var(--text) !important;
    }
    body{
        color:var(--text) !important;
    }
    .friends-grid a p{
        color:var(--link) !important;
    }
    .friends-grid a:hover p{
        color:var(--link_hover) !important;
    }
 
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: var(--text);
}

/* this is the line that appears between links in the header and footer.
you can add an emoji or symbol instead of the default line it has */

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ❄️";
    color: var(--headers);
}
 
    /*background, etc*/
 
    body{
        background-image: url("https://justpaste.it/img/51bc124ea3594574c7aa43aa266e9767.jpg");
        background-color:#FFFFEE;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
 
    main{
        color:var(--text) !important;
        background-color:rgba(0,0,0,0);

    }
 
    /*links*/
 
    a{
        color:var(--link) !important;
    }
    a:hover{
        color:var(--link_hover) !important;
        text-decoration:none !important;
    }
    a:visited{
        color:var(--link) !important;
    }
    .logout-btn a:hover{
        color:var(--link_hover) !important;
    }
    .top a{
        color:var(--link) !important;
 
    }
    .top a:hover{
        color:var(--link_hover) !important;
        text-decoration:none !important;
 
    }
    .top a:visited{
        color:var(--link) !important;
 
    }
    .links a{
        color:var(--link) !important;
 
    }
    .links a:hover{
        color:var(--link_hover) !important;
        text-decoration:none !important;
 
    }
    .links a:visited{
        color:var(--link) !important;
 
   }
    .friends-grid p{
        color:var(--link) !important;
 
    }
    footer .links a{
        color:var(--link) !important;
 
   }
    footer .links a:hover{
        color:var(--link_hover) !important;
        text-decoration:none !important;
 
   }
    footer .links a:visited{
        color:var(--link) !important;
 
   }
   nav .links a:hover{
       color:var(--link_hover) !important;
   }
   .mood a:hover{
       color:var(--link_hover);
   }
 
    /*text*/
 
    h1, h2, h3, h4, h5, a, p, nav label, .section{ 
        font-family: var(--font) !important;
 
    }
 
    /*boxes, etc*/
 
 
 
    .url-info{display:none !important;}
 
    .top,nav .links{
        background-color:rgba(0,0,0,0) !important;

    }
    .profile-pic img{
         filter:drop-shadow(0px 0px 2px #656565);
    }
    .mood{
        /*border-style:solid !important;
        border-width:1px 0px 0px 0px !important;
        border-color:var(--outlinecolor) !important;*/
    }
    .contact{
        background-color:rgba(0,0,0,0) !important;
        border-style:solid !important;
        border-width:0px 1px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .contact .heading{
        background-color:rgba(0,0,0,0) !important;
        border-style:solid !important;
        border-width:0px 0px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .blog-preview h4{
        border-style:solid !important;
        border-width:1px 0px !important;
        border-color:var(--outlinecolor) !important;
        padding-top:2px;
        padding-bottom:2px;
    }
    .blog-preview{
        padding-left:4px !important;
    }
    .blurbs .heading{
        content:"the";
        background:none !important;
        border-style:solid;
        border-width:1px 0px 1px 0px;
        border-color:var(--outlinecolor) !important;
    }
    .friends .heading{
        background:none !important;
        border-style:solid;
        border-width:1px 0px 1px 0px;
        border-color:var(--outlinecolor) !important;
    }
    .friends-grid img{
         filter:drop-shadow(0px 0px 2px #656565);
    }
    .comments-table{
        /*border-spacing:9px !important;*/
 
    }
    .comments-table tr{
        background-color:rgba(0,0,0,0) !important;
    }
    .comments-table td:nth-of-type(1){
        background-color:rgba(0,0,0,0) !important;
        background:none !important;
        border-style:solid !important;
        border-width:0px 0px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .comments-table td:nth-of-type(2){
        background-color:rgba(0,0,0,0) !important;
        background:none !important;
        border-style:solid !important;
        border-width:0px 1px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
        vertical-align:; !important;
    }
    .comments-table img{
        filter:drop-shadow(0px 0px 2px #656565);
    }
    .comment-replies{
        border-style:solid !important;
        border-width:1px !important;
        border-color:var(--outlinecolor) !important;
    }
 
    .table-section{
        background-color:rgba(0,0,0,0) !important;
        border-style:solid !important;
        border-width:0px 1px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .table-section .heading{
        background-color:rgba(0,0,0,0) !important;
        border-style:solid !important;
        border-width:0px 0px 0px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .table-section td{
        border-style:solid;
        border-width:0px 0px 0px !important;
    }
    table.details-table{
        border-style:solid;
        border-width:1px 0px 0px;
        border-color:var(--outlinecolor);
        border-spacing:0px;
        border-collapse: collapse !important;
    }
    .profile .details-table td{
        background-color:rgba(0,0,0,0) !important;
        color:var(--text);
        border-style:solid !important;
        border-width:0px 0px 0px 0px !important;
        border-color:var(--outlinecolor) !important;
        padding-bottom:4px;
        padding-left:7px;
    }
    .top{
        border-style:solid;
        border-width:0px 2px 0px 2px;
        border-color:var(--outlinecolor);
    }
    nav .links{
        border-style:solid;
        border-width:1px 2px 2px 2px;
        border-color:var(--outlinecolor);
    }
    footer{
        background:none !important;
        border-style:solid !important;
        border-width:1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
 
    /* logo */
 
    .logo{
        /*background-color:red !important;
        background-image:url('https://i.imgur.com/Ub6e6Ig.jpeg');
        background-position:center;*/
        filter: brightness(0) saturate(100%) invert(7%) sepia(80%) saturate(4915%) hue-rotate(356deg) brightness(106%) contrast(112%) !important;
    }

/* this adds an image before the blog. you can delete this code but this layout
looks better with a neon image before your blogs. */
.blog-preview :not(:first-child) {
    width: 130px;
    text-align: center;
    display: inline-block;
    padding-right: 5px;
    margin-left:10px;

}
.blog-preview :not(:first-child):before {
    content: "";
    display: block;

    width: 130px;
    height: 100px;
    background-image: url("https://justpaste.it/img/51bc124ea3594574c7aa43aa266e9767.jpg");
    background-color:#FFFFEE;
    background-attachment: fixed;
    background-size: contain;

}

</style>
