my blog layout if any1 is interested

<!-- (c) Layout created by ★NatetheVampireKing★ (https://layouts.spacehey.com/layout?id=32508) -->

<style>

@font-face {

font-family: 'Magica';

src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);

}

.magica {

font-family: magica;

font-size: 40px;

}

</style>

<style>

@font-face {

font-family: cutie;

src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);

}

</style>

<div id="cutie">

<div class="magica"> 

<style>

@import url('https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf');

body{font-family: 'Magica';}

</style>

<style>

    main{

    background-image: url('https://i.pinimg.com/564x/a1/af/d7/a1afd7baac7f010f3db6f988dfb00b23.jpg') !important;

    background-attachment: scroll !important;

    background-repeat: no-repeat !important;

    background-position: center !important; 

    background-size: cover !important;

    background-opacity: 80%;

    margin: 0px 15px 15px 15px !important;

    margin-color: white;

    }

</style>

<style>

body{

font family: magica !important;

font-size: 23px !important;

}

</style>

<style>

a{

font-family: magica !important;

color: white;

}

a:hover{

font-family: magica !important;

color: white;

}

a:visited{

font-family: magica !important;

color: white;

}

a:hover, a:active, a, p, nav label, .section {

    font-family: var(--magica) !important;

}

h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B {

    font-family: "magica"

    color: white !important;

}

:root { --mainfont: "magica" }

</style>

<style>

h1{

font-family: cutie !important;

}

</style>

</div></div>

<style>

.friends-grid img, img.pfp-fallback{

border-radius: 180px !important;

}

</style>

<style>

    body{

    background-image: url('https://dk2dv4ezy246u.cloudfront.net/widgets/sMDdIbdDBucJ_large.jpg') !important;

    background-attachment: fixed !important;

    background-position: center !important;      

    background-size: 1800px;  

    }

<style>

table.comments-table{

display: block;

height: 250px!important;

overflow-y: scroll;

}

</style>

<style>

             ::-webkit-scrollbar {

    width: 1px;

    height: 10px;

    }

    ::-webkit-scrollbar-thumb {

    background: rgba(165, 202, 144, 1);

    }

    ::-webkit-scrollbar-track {

    background: rgba(233, 208, 191, 1);

    }

</style>

<style>

    .top{

    color: white;

    }    

    main{

    color: white !important;

    }

    footer{

    color: white;

    }

</style>

<style>

    .contact .heading, .table-section .heading, .blog-preview h4, .blurbs .heading, .friends .heading{

    background-color: rgba(82, 69, 58, 1) !important;

    }

</style>

<style>

    .profile-info{

    background-image: url('https://i.imgur.com/G5hqBeH.gif') !important;

    background-attachment: scroll !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: cover !important;       

    }

</style>

<style>

.logo {

content:url("https://media.discordapp.net/attachments/328192724350271489/1079159559148535868/Copy_of_spacehey__9_-removebg-preview.png");

}

</style>

<style>

li.active .icon { 

    content:url('https://i.imgur.com/lNnF1Ix.gif'); 

    width: 31px;

    height: 25px;

    }

.online img { 

content: url("https://i.imgur.com/pIrZYov.gif"); animation-name: none; visibility: visible; height: 20px; width: 20px; filter: none;

}

</style>

<style>

    .blurbs, .friends-grid, .contact{

    background-color: rgba(205, 158, 76, 0.2);

    border-radius: 12px 12px 12px 12px;

    }

</style>

<style>

.table-section td{

background-color: rgba(82, 69, 58, 0.5) !important;

background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/HD_transparent_picture.png/1200px-HD_transparent_picture.png') !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: center !important;

background-size: cover !important;

}

h4{

color: white;

}

.table-section, .url-info, .contact{

border: transparent !important;

}

   .lightbluetext8, .blacktext10, .redbtext,.btext {

  color: white !important;

 }

 table, tr, td, li, p, div,.text,.redtext, .blacktext12 {

  color: white !important;

 }

   .whitetext12, .orangetext15 {

  color: white !important;

 }

h4{

color: white !important;

}

.top{

background-color: rgba(82, 69, 58, 0.5) !important;

background-image: url('https://i.imgur.com/0QUfcLy.png') !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: center !important;

background-size: cover !important;

border-radius: 12px 12px 12px 12px;

margin: 0px 0px 15px !important;

}

.links{

background-color: rgba(82, 69, 58, 0.5) !important;

border-radius: 12px 12px 12px 12px;

margin: 0px 0px 15px !important;

}

footer{

background-color: rgba(82, 69, 58, 0.5) !important;

background-image: url('https://i.imgur.com/0QUfcLy.png') !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: center !important;

background-size: cover !important;

border-radius: 12px 12px 12px 12px;

}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat950.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat950.png), auto !important;}</style><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Black Flying Butterfly" style="position:absolute; top: 0px; right: 0px;"/>

<style>

    .comments-table td{

    background-image: url('https://i.pinimg.com/564x/24/96/4c/24964c4776d90a54613d61067ee2645d.jpg') !important; 

    background-attachment: scroll !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: cover !important;

        </style>

<style>

     :root {

        --logo-blue: #;

        --darker-blue: #4D4C3C;

        --lighter-blue: #4D4C3C ;

        --even-lighter-blue: #;

        --lightest-blue: #4D4C3C ;

        --dark-orange: #;

        --light-orange: #;

        --even-lighter-orange: #;

        --green: #4D4C3C;

}</style>