Vision WandaVision SpaceHey Layout

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-1/cur82.cur), auto !important;}</style>
<a href="https://www.cursors-4u.com/cursor/2008/11/23/sharp-yellow-pointer-2.html" target="_blank" title="Sharp Yellow Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sharp Yellow Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>

/*  Vision WandaVision layout by TonyTheTiger (spacehey.com/heytony)  */
/*  to start off, this part bellow will control the base of your profile.*/


    body {
        background-color: ;
        background-image: url('https://i.imgur.com/OQ6aorT.png');
        background-size: cover;
        background-position: right;
        background-repeat: repeat;
        background-attachment: ;
    }
    Main {
        background: rgb(255,206,0);
        background: linear-gradient(0deg, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-attachment: scroll;
        border: ;
        border-radius: ;
        border-color: ;
     }
    nav {
        color: ;
    }
    nav .top {
        background-color: #c31114;
        background-image: url('https://i.imgur.com/9LLkJyA.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
        background-attachment: scroll;
    }
        nav .links {
        background-color:   #ffce00;
        color: ;
        padding: 3.5px 16px 5.5px 16px;
        }
        nav .links a{
        text-decoration: none;
        color: #c31114;
        font-size: 12px;
    }
    nav .links a:hover{
        text-decoration: underline;
        color: #ffffff;
    }
    footer {
        background-color: #ffce00;
        background-image: url('https://i.imgur.com/mXzQASL.png');
        background-size: ;
        background-position: center left;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    body, div {
        font-family: courier;
        font-size: 14px;
        color:  black;
        font-weight: bold;
        font-style: ;
        text-decoration: none;
    }


/*  bellow this you can change the left side of your profile,
including the interests details' table, but only the heading! */

    .profile h1 {
        background-color: ;
        color: #c31114;
    }
    .profile-pic img {
            border-radius: ;
            border-width: ;
            border:  ;
            border-color: ;
        }
    .profile .contact,
    .profile .url-info {
        background: rgb(208,17,17);
        background: radial-gradient(circle, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);
        width: 100%;
        border: solid #c31114;
        margin: 10px 0;
    }
    .profile .table-section,
    .home-actions {
        background: rgb(208,17,17);
        background: radial-gradient(circle, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);
        width: 100%;
        border: solid #ffce00;
        margin: 10px 0;
    }
    .profile .contact .heading,
    .profile .table-section .heading,
    .home-actions .heading {
        background: transparent;
        color: #ffce00;
        padding: 2px 7px;
    }


/*  this is the part where you tweak the right side of your profile */

    .profile .blurbs {
        background: rgb(208,17,17);
        background: radial-gradient(circle, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);
        margin: 20px 0;
        border: solid;
        border-color: #ffce00;
    }
    .profile .friends {
        border: solid #c31414;
        border-color: ;
    }
    .profile .blurbs .heading {
        background: rgb(208,17,17);
        background: linear-gradient(267deg, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);;
        color: #c31414;
    }
    .profile .friends .heading {
        background: rgb(208,17,17);
        background: linear-gradient(267deg, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);
        color: #ffce00;
    }
    .profile .blurbs .section h4 {
        background-color: ;
        margin: 14px;
        color: #ffffff;
        font-weight: ;
    }
    .profile .friends {
        background: rgb(208,17,17);
        background: radial-gradient(circle, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);
    }
    .profile .friends .person p {
        background: rgb(208,17,17);
        background: linear-gradient(180deg, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);
        color: #c31414;
        font-weight: ;
        width: 100%;
        word-break: break-word;
        font-size: 95%;
        text-align: center;
    }
    .count {
        color:  #ffce00;
    }


/*  this is the part you change your comments background colors,
and your interests table background colors.
P.S.: the ones with ":first-child" variables, will control the left side of the tables. */
    .comments-table {
        border: transparent;
    }
    .comments-table td,
    .music-table td {
        background: rgb(208,17,17);
        background: linear-gradient(90deg, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);
        vertical-align: top;
        position: relative;
    }
    .comments-table td:first-child,
    .music-table td:first-child {
        background:     #ffce00;
        text-align: center;
        font-weight: bold;
        width: 38%;
    }
    .details-table td {
        background: rgb(208,17,17);
background: linear-gradient(270deg, rgba(255,206,0,1) 0%, rgba(55,117,45,1) 54%, rgba(115,161,33,1) 85%, rgba(49,114,46,1) 100%);
        vertical-align: top;
    }
    .details-table td:first-child {
        background: #ffce00;
        color: #ffffff;
        border: solid #c31414;
        font-weight: bold;
        width: 33%;
    }


/*  this is the part you can change how the colors of the links look
 DON'T mess with anything but the color! (or do... im not your mom.) */

    a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover,
    a.man:link, a.man:active, a.man:visited, a.man:hover,
    a, a:link, a:active, a:visited, a:hover,
    a.navbar:link, a.navbar:active, a.navbar:visited, a.visited:hover,
    a.text:link, a.text:active, a.text:visited, a.text:hover,
    a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited,
    a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited,
    a.redlink:hover {
        color: #c31414;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
    }
    a.navbar:hover, a.man:hover, a:hover {
        color: black;
        font-weight: bold;
        font-style: normal;
        text-decoration: underline;
    }


/*  Hope this helped you out!
and i suggest you YouTube Noah's SpaceHey CSS tutorials, if you're completely lost. */

</style>