MUSE DASH BLOG CODE?!?!?!?

<style>

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

body{font-family: 'Bebas Neue', sans-serif;}

<style type="text/css">

</style><style>

/* cursors */

* {

    cursor: url('https://i.ibb.co/7gbqkkg/mdcursor.png'), auto;

}

</style><style>

:root {

    --headers: #1fbcff;

    --text: #9ceeff;

    --names: #1fbcff;

    --links: #ffaf59;

    --hover: #ff96d0;

    --borders: 1px solid #f5d678 !important;

    --main_colour: #4427e8;

    --background_image: url("https://i.ibb.co/w62nQ1K/burowp.jpg");

    --font-family: 'Bebas Neue', sans-serif;

    --curve: 0px;

    --simple_bg: #4427e8;

    --shadow_colour: #d20aff;

}

h3, h4, h5, .url-info b {color: var(--headers) !important;} /* headings*/

a {color: var(--links) !important;} /* color of links */

a:hover {color: var(--hover) !important;} /* color of links on hover */

p, h2 {color: var(--text) !important;} /* color of text */

h1, .friends a p {color: var(--names) !important;} /* color of names, and friends counter */

h1, .friends a:hover p {color: var(--hover) !important;} /* color of names on hover */

nav label {color: var(--links) !important;} /* color of search */

.section h4 {color: var(--headers) !important; text-align: center;} /* aboutme & want2meet headings */

.comment-reply:not(:first-child) {border-top: 3px double hotpink;} /* line in between comment replies*/

.count {color: #ffd75e;}

/* text decoration */

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {

    text-decoration: underline;

}

.logout-btn:hover, .logout-btn:active {

    text-decoration: underline;

}

nav .top a:hover {

    text-decoration: underline;

}

nav .links a:hover {

    text-decoration: underline;

}

/* padding and margin */

.icon {

    border: none !important;

}

.blurbs {

    margin-top: 10px !important;

    margin-bottom: 30px !important

}

.friends {

    margin-top: -10px !important;

    margin-bottom: 30px !important

}

.profile-info {

    border-radius: var(--curve) !important;

}

.comment-replies {

    border: 5px #ffd75e;

}

.comments-table {

    border-radius: var(--curve) !important;

    border: none !important;

}

.table-section {

    padding-bottom: 7px !important;

    margin-top: 30px!important

}

#comments {

    margin-top: 5px !important;

    padding-bottom: 5px !important

}

.details p:last-child {

    color: var(--links) !important;

    filter: brightness(95%);

}

.mood {

    margin-top: 20px;

}

/* background image */

body {

    background-image: var(--background_image) !important;

    background-color: #fd80ff !important;

    background-attachment: fixed;

    background-position:center center;

}

/* navigation */

/* change logo color at https://codepen.io/sosuke/pen/Pjoqqp */

nav {

    background: var(--main_colour);

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) var(--shadow_colour);

    margin-bottom: 30px;

    border: var(--borders);

}

nav .top {

    background: var(--main_colour);

}

nav .top a {

    color: var(--main_colour) !important;

}

nav .links {

    background: transparent !important ;

    text-align: center;

}

nav img.logo {

    filter: brightness(0) saturate(100%) invert(76%) sepia(42%) saturate(432%) hue-rotate(305deg) brightness(104%) contrast(105%);

    !important;

}

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

    content: " | ";

    color: var(--headers);

}

/*============= color the search bar and button ===================*/

.search-wrapper input[type=text] {

    background-color: #4427e8 !important;

    border: 2px solid var(--text) !important;

    color: var(--text) !important;

    border-radius: 0px !important;

}

button {

    border-radius: 0px !important;

    border: 0px solid #1f1e33!important;

    background-color: rgba(0, 0, 0, 0.0) !important;

    color: #b387f5!important;

}

/*============= online icon  ===================*/

.online {

  content: url('https://i.ibb.co/FsYQmXc/2272797jjmr15ugft.gif')

}

/*============= profile name ===================*/

h1 {

    padding-left: 20px !important;

    font-family: 'Bebas Neue', sans-serif;

    font-size: 35px !important;

    margin-top: -10px!important;

    color: #ffaf59 !important;

}

/*============= box shadows ===================*/

.mood, .blog-preview, .contact {

    margin-bottom: 30px;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) var(--shadow_colour);

}

.table-section, .blurbs, .friends {

    margin-bottom: 30px !important;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) var(--shadow_colour);

}

.friends {

    margin-top: 10px!important;

}

.profile-info {

    background: var(--main_colour);

    border: var(--borders)!important;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 15px 5px;

    margin-bottom: 30px;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) var(--shadow_colour);

}

.profile-info .inner {

    font-weight: bold;

    text-align: center;

}

.contact {

    background: var(--main_colour);

    padding: 20px;

    margin-bottom: 40px!important;

}

main {

    background: var(--main_colour);

    padding: 6px 0px;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) var(--shadow_colour);

}

.profile-pic img {

    outline: none !important;

    border: none!important;

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) var(--shadow_colour);

}

.friends-grid img {

    outline: none !important;

    filter: opacity(90%) !important;

    border-radius: var(--curve) !important;

}

td {

    background-color: transparent!important;

}

hr {

    border-top: 1px solid #1f1e33;

}

.heading, .url-info, .blurbs, .friends, .table, .table-section, footer {

    border-radius: var(--curve) !important;

    padding: 2px !important;

    border: var(--borders) !important;

}

.url-info{

  background-color: var(--main_colour);

box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) var(--shadow_colour);

}

.friends, .blurbs {

    background: var(--main_colour);

}

.mood, .contact, .blog-preview {

    border-radius: var(--curve) !important;

    padding: 2px !important;

    border: var(--borders) !important;

}

.mood, .blog-preview {

    text-align: center;

    background: var(--main_colour);

    border: var(--borders) !important;

}

.table-section {

    border: var(--borders) !important;

    background-color: var(--main_colour)!important;

    border-radius: var(--curve) !important;

}

.heading {

    background: transparent!important;

    padding-bottom: 4px !important;

    background-size: 100%100%!important;

    text-align: center;

    border: none!important;

}

.comments-table {

    display: block;

    height: 250px!important;

    overflow-y: scroll;

    border: var(--borders) !important;

    outline: none !important;

    border: none!important;

}

.comments-table td {

    background-color: transparent;

    border: var(--borders);

}

.comments-table td:first-child img { 

    /* you can clip images at https://bennettfeely.com/clippy and add the code here */

}

footer {

    color: var(--text);

    text-align: center;

    font-size: 60%;

    margin: 10px 0 10px;

    padding: 10px 5px;

    background: var(--main_colour);

    box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) var(--shadow_colour);

}

</style><style>

/* Force scrollbars onto browser window */

/* Scrollbar styles */

::-webkit-scrollbar {

    width: 5px;

    height: 8px;

}

::-webkit-scrollbar-track {

    border-radius: 0px;

    width: 2px;

    border: 1px dotted #1f1e33;

}

::-webkit-scrollbar-thumb {

    background: #5033f5;

    border-radius: 0px;

}

::-webkit-scrollbar-thumb:hover {

    background: var(--shadow_colour);

}

</style>