body {
    font-size: 20px;
    color: white;
}

body {
    color: white;
    background-image: url(https://www.kolpaper.com/wp-content/uploads/2021/03/HD-Gorillaz-Wallpaper-2.jpg);
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}



* {
    cursor: url(https://cdn.custom-cursor.com/db/8060/32/musicians-and-singers-gorillaz-2d-and-microphone-cursor.png), auto;
    font-family: Consolas, Monospace, Arial;
}

a {
    color: black;
    cursor: url(https://cdn.custom-cursor.com/db/8059/32/musicians-and-singers-gorillaz-2d-and-microphone-pointer.png), auto;
}

.topLeft {
    margin-top: 30px;
    background-repeat: no-repeat
    background-color: #C8A2C8;
    border: 2px dashed white;
    box-sizing: border-box;
    background-color: rgb(142, 191, 232,0.7);
    width: 420px;
}

.topLeft {
    margin-top: 30px;
    background-repeat: no-repeat
    background-color: #C8A2C8;
    border: 5px solid white;
    box-sizing: border-box;
    background-color: rgb(142, 191, 232,0.7);
    width: 420px;
}

.topRight {
    margin-top: 20px;
    background-color: rgb(142, 191, 232,0.7);
    border: 5px solid white;
    margin-bottom: 20px;
    width: 550px;
}

.extended {
    border: 1px solid #fff;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
    border: 5px solid white;
}

.player {
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #ff6f8c;
    width: calc(100% - 10px );
    border: 5px solid white;
}

.player::before {
    content: "";
    display: block;
    position: relative;
    width: calc(50% -20px);
    height: 335px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://64.media.tumblr.com/1a9f2b8541a061f0a592013814e3a5d3/0487cc099877c5a8-cc/s250x400/eb6435b28678f48b2683af548111692e1472e708.gifv);
    object-fit: cover;
    border: 5px solid white;
}

div#hSub {
    color: black !important;
    background-color: rgb(111, 224, 255);
    text-align: center;
    font-family: monospace;
    border: 5px solid white;
}

div#header {
    background-color: #ff6f8c;
    background-position: 0px -400px;
    text-align: center;
    font-family: monospace;
    background-size: 30%;
    background-repeat: repeat;
    border: 5px solid white;
}

span#hUp::before {
    animation: blinkingText 0.2s Infinite;
    content: "It'll be alright in the end. And if it's not alright, it's not the end  ";
    color: black;
    font-size: large;
}

.avatar {
    border-radius: 50%;
    border: double white 5px;
}


.topLeft:after {
    margin: 4px 236px 36px -240px;
    content: " ";
    display: block;
    white-space: pre-wrap;
    padding: 0px 69px 0px 0px;
    height: 1600px;
    width: 652px;
    background-image: url(https://i.pinimg.com/originals/62/7b/a8/627ba8438e5e3b72f521db2853f16d6d.gif), url(https://media4.giphy.com/media/AF8LfUu61hJ2rz7NJ1/giphy.gif);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 385px;
    background-position: 243px 0px, 243px 237px;
}

.url {
    background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8a5a5044-be1e-47b6-b37b-3a489f601373/d52m4kj-0eaec8fd-d0c5-42b5-b894-79a6f276f4d6.png/v1/fill/w_803,h_594,strp/gorillaz_2_d_by_deathlingdog_d52m4kj-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTk0IiwicGF0aCI6IlwvZlwvOGE1YTUwNDQtYmUxZS00N2I2LWIzN2ItM2E0ODlmNjAxMzczXC9kNTJtNGtqLTBlYWVjOGZkLWQwYzUtNDJiNS1iODk0LTc5YTZmMjc2ZjRkNi5wbmciLCJ3aWR0aCI6Ijw9ODAzIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.uNYKJPknNWz3jGWOnDo65Ag-H4H4dfmyyxAeGBHLxE8) no-repeat;
    position: fixed;
    right: 0;
    bottom: 20px;
    color: #ffffff00;
    background-size: 260px;
    height: 200px;
    width: 270px;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 1000;
    font-size: 0px;
    opacity: 1;
}

.fwiendFace img {
    border-radius: 50%;
    background-position: center;
    display: absolute;
    object-fit: cover;
    height: 100px;
    width: 100px;
}
.fwiendFace {
    background-image: url();
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 0;
    height: 100px;
    margin-bottom: 5px;
    margin-right: 5px;
    max-width: 100vw;
    width: 100px;
}


.tableRight {
    width: 75%;
    background-color: #ff6f8c;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
    border: 5px solid white;
}
.tableLeft {
    background: #ff6f8c;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
    border: 5px solid white;
}


.boxHead {
    background: rgb(255, 111, 140,0.7);
    color: white;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
.rightHead {
    background: rgb(255, 111, 140,0.7);
    padding-left: 4px;
}
h4 {
    color: black;
    margin-bottom: 0px;
    text-decoration-line: underline;
}
* {
    color: white;
}

.fwiendCount {
    color: black;
}