CSS code for myspace.windows93

KEY:
**___** directions DO NOT DELETE ANYTHING OUTSIDE OF THESE, JUST THE ** AND THE WORDS INSIDE!!
HEXCODE means the code for the color you'd like. You can just search a color you want and type "hexcode" after it. for example, bright pink is #ff007f

⬇⬇ this is for your background image / color ⬇⬇

body {
    background-image: url(**PASTE URL HERE IN PARENTHESIS**);
    font-family: monospace;
    padding-top: 45px;
    font-size: 15px;
    color: **PASTE HEX CODE HERE**;
}

⬇⬇ this is for the area around your profile picture, and basic info (gender, age, where you live)⬇⬇

.short {
    margin-top: -15px;
    background: **PASTE HEX CODE HERE**;
    border: solid 2px **PASTE HEXCODE HERE**;
}

⬇⬇ this is for your contacting box ⬇⬇

.boxInfo {
    border: 1px solid **PASTE HEXCODE HERE**;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: **PASTE HEXCODE HERE**;
    border: **PASTE HEXCODE HERE**;
}

⬇⬇ this is the background for the ENTIRE left-hand side boxes (contacting, url, basic info, mp3) ⬇⬇

div.topLeft {
    background: **PASTE HEXCODE HERE**;
}

⬇⬇ this is if you'd like a border around the ENTIRE left-hand side boxes (contacting, url, basic info, mp3)⬇⬇

.topLeft {
    float: left;
    width: calc( 39% - 20px );
    padding: 10px;
    background: ***PASTE HEXCODE HERE**;
    border: solid 2px **PASTE HEXCODE HERE**;
}

⬇⬇ this is if you'd like ONLY the "contacting [insert user]" to be costumized ⬇⬇
.boxHead {
    background: **PASTE HEXCODE HERE**;
    color: **PASTE HEXCODE HERE**;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}

⬇⬇ this is if you want your url box to be customized ⬇⬇
.url {
    border: solid 2px red;
    padding: 2px;
    background: #ff000045;
}

⬇⬇ this is if you want the "[insert user]'s blurbs" to be customized ⬇⬇

.rightHead {
    background: **PASTE HEXCODE HERE**;
    color: red;
    padding-left: 4px;
    border: solid 2px **PASTE HEXCODE HERE**;
}

⬇⬇ this is to change the colors of the "About me" and "Who I'd like to meet" text ⬇⬇

h4 {
    color: **PASTE HEXCODE HERE**;
    margin-bottom: 0px;
}

⬇⬇ this is to customize your "friends space" ⬇⬇

div.box.fwiends {
    border: solid 1px **PASTE HEXCODE HERE**;
    overflow: hidden;
}

⬇⬇ this is to customize the comment userboxes ⬇⬇

.tableLeft{
    background: **PASTE HEXCODE HERE**;
    }

⬇⬇ this is to customize the comment boxes themselves ⬇⬇

.tableRight{
    background: **PASTE HEXCODE HERE**;
border: solid 2px **PASTE HEXCODE HERE**;
}

⬇⬇ this is to give comment boxes and userboxes a border ⬇⬇

div.box.comments {
    border: solid 2px **PASTE HEXCODE HERE**;
    overflow: hidden;
}

⬇⬇ this is to customize the "comments" box ⬇⬇

.boxHead {
    background: **PASTE HEXCODE HERE**;
    color: **PASTE HEXCODE HERE**;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
    border: solid 2px **PASTE HEXCODE HERE**;
}

⬇⬇ to customize the "comments" text itself ⬇⬇
* {
    color: **PASTE HEXCODE HERE**;
}

⬇⬇ this is the background for the ENTIRE right-hand side boxes (about me, comments, blog posts, blurgs, etc..) ⬇⬇

.topRight {
    float: right;
    width: calc( 60% - 20px );
    padding: 10px;
    background: **PASTE HEXCODE HERE**;
}

⬇⬇ this is to customize the box at the very top of your page that says myspace.windows93, mailbox, signout ⬇⬇

div#header {
    all: unset;
    font-family: monospace;
    font-size: 15px;
    background-color: **PASTE HEXCODE HERE**;
    color: **PASTE HEXCODE HERE**;
    position: fixed;
    width: calc( 100% - 15px );
    height: 22px;
    padding: 5px;
    left: 0px;
    top: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid **PASTE HEXCODE HERE**;
    padding-left: 10px;
    padding-top: 6px;
    overflow: hidden;
    z-index: 300;
}

⬇⬇ this is to customize the text that says search, blog, home, my fwiends, etc ⬇⬇

#hSub a {
    color: **PASTE HEXCODE HERE**;
    text-decoration: none;
}

⬇⬇ this is to customize the "edit mp3" button, I believe? ⬇⬇

.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: **PASTE HEXCODE HERE**;
    padding-top: 7px;
}

⬇⬇ this is to customize the box around the mp3 youre playing ⬇⬇

.player {
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: **PASTE HEXCODE HERE**;
    color: **PASTE HEXCODE HERE**;
    width: calc(100% - 10px );
    border: 1px solid **PASTE HEXCODE HERE**;
}

⬇⬇ this is to customize the box that says search, blog, home, my fwiends, etc ⬇⬇

div#hSub {
    font-family: monospace;
    color: **PASTE HEXCODE HERE**;
    background: **PASTE HEXCODE HERE**;
    border: solid 2px **PASTE HEXCODE HERE**;
}

⬇⬇ this is to customize the mp3 player itself, i believe..? ⬇⬇

audio {
    /* border: solid 1px **PASTE HEXCODE HERE**; */
    /* padding: 2px; */
    margin-bottom: 0px;
    margin-top: 5px;
    width: 100%;
    height: 30px;
    /* background:**PASTE HEXCODE HERE**; */
    outline: none;
    margin-bottom: -3px;
}

⬇⬇ this is to customize the.. not sure. I'm assuming the "send" button on the comments? ⬇⬇

button {
    width: max-content;
    color: red;
    background: **PASTE HEXCODE HERE**;
    border: solid 1px **PASTE HEXCODE HERE**;
}

⬇⬇ this is to customize the comment box where you type in your comments ⬇⬇

#commentInput {
    width: calc( 100% - 6px );
    margin: 0;
    margin-top: 10px;
    background: **PASTE HEXCODE HERE**;
    height: 100px;
    border: solid 1px **PASTE HEXCODE HERE**;
}

⬇⬇ this is to change the background color on your blog posts ⬇⬇

.blog {
    background-color: **PASTE HEXCODE HERE**;
    padding: 15px;
}

⬇⬇ this is to change the friend count color. Like, the text that says "13" or "100" or however many friends you have ⬇⬇

.fwiendCount {
    color: **PASTE HEXCODE HERE**;
}

⬇⬇ heres the website I used to customize my curser ⬇⬇

https://www.cursors-4u.com/

**aaaand that should be all. I hope this helped! feel free to change up any of this code to what you like.**