/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
    position: relative;
    top: 0px;
    left: 0px;
    display: flex;
    z-index: 99;
}

#glenplayer02 a {
    text-decoration: none;
}

#glenplayer02>div {
    align-self: center;
    -webkit-align-self: center;
}
.cubaflag {
  
  margin-left: 100px;
  width: 175px;
}

.music-controls {
    user-select: none;
    -webkit-user-select: none;
    width: 13px;
    font-size: 18px;
    cursor: pointer;
}

.playy,
.pausee {
    color: #d5e2f6;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
}

/* color of play & pause buttons */

.pausee {
    display: none;
}

.sonata {
    margin-left: 10px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 14px;
    color: #d5e2f6;
    font-weight: bold;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
    /* color of music note symbol */
}

.labeltext {
    margin-left: 0px;
    position: relative;
    bottom: 10px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 14px;
    color: #d5e2f6;
    font-weight: bold;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
    /* color of song title */
}

* {
    cursor: url("pixel.png"), crosshair;
    box-sizing: border-box;
}

@font-face {
    font-family: Minecraft;
    src: url(fonts/minecraft.ttf) format('truetype');
    font-weight: normal;
}

body {
    background-image: url("https://images.pexels.com/photos/956981/milky-way-starry-sky-night-sky-star-956981.jpeg");
}

.container {
    display: grid;
    grid-template-columns: 0.6fr 1.4fr 1fr;
    grid-template-rows: auto auto 1fr;
    gap: 0px;
    grid-auto-flow: row;
    justify-content: space-evenly;
    grid-template-areas:
        "Header Header Header"
        "Sidebar Content Content"
        "Sidebar Content Content"
        "Footer Footer Footer";
    width: 100%;
    height: 100%;
}

.Header {
    grid-area: Header;
    width: 100%;
    height: 100%;
    background-color: transparent;
    text-align: center;
    font-family: "heart";
    font-size: 80px;
    color: #10386d;
    margin: 0;
    padding: 0;
}


.Content {
    justify-self: center;
    align-self: stretch;
    grid-area: Content;
    width: 100%;
    height: 100%;
    background-color: #fffcdd;
    border-top-right-radius: 20px;
    border-style: dashed dashed none none;
    border-color: #10386d;
    font-family: "rainy";
    font-size: 14px;
    padding-left: 10px;
    padding-top: 15px;
}

.Sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-area: Sidebar;
    width: 100%;
    height: 100%;
    background-color: #def1ff;
    border-color: #10386d;
    border-top-left-radius: 20px;
    border-style: dashed none none dashed;
    font-family: "pixel";
    font-size: 11px;
    text-align: center;
    padding-top: 20px;
}

.Footer {
    justify-self: center;
    grid-area: Footer;
    width: 100%;
    height: 100%;
    background-color: #a5d9ff;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-style: dashed dashed dashed dashed;
    border-color: #10386d;
    font-family: "rainy";
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
}

blockquote {
    font: 14px;
    padding: 8px;
    background-color: #faebbc;
    border-top: 1px solid #e1cc89;
    border-bottom: 1px solid #e1cc89;
    margin: 5px;
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: 23px;
    font-family: "rainy";
}

blockquote span {
    display: block;
    background-repeat: no-repeat;
    background-position: bottom right;
    font-family: "rainy";
}

b {
    color: white;
    background-color: #10386d;
}

i {
    color: #B22222;
}

u {
    text-decoration-color: #0004ff;
}

del {
    color: red;
}
h1 {
    font-size: 4em;
    font-family: "Minecraft", monospace;
    font-weight: normal;
}
h2 {
    font-family: "Minecraft", monospace;
    font-weight: normal;
}
h3 {
    font-family: "Minecraft", monospace;
    font-weight: normal;
}
h4 {
    font-family: "Minecraft", monospace;
    font-weight: normal;
}
h5 {
    font-family: "Minecraft", monospace;
    font-weight: normal;
}
h6 {
    color: #10386d;
}

a:hover {
    box-shadow: inset 0px 0 0 0 #;
    color: white;
}

.chat {
    position: relative;
    width: 80%;
    height: 100%px;
    border: 2px dotted black;
}

.border-text {
    position: absolute;
    top: -15px;
    background-color: #def1ff;
    right: 10px;
    padding: 0 5px;
    font-size: 11px;

}

.border-text img {
    vertical-align: middle;
}

.change {
    height: 100px;
    overflow: auto;
    text-align: left;
    font-family: "rainy";
    padding: 5px;
}

.links_list {
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
    width: 200px;
}

.links_head {
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
    margin: 0px;
    text-align: center;
    font-family: "pixel";
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
    text-shadow: -1px 0 #424242, 0 1px #424242, 1px 0 #424242, 0 -1px #424242, 0 0;
    background: -webkit-linear-gradient(-90deg, #10386d 5%, #10386d 5%, #000000 100%);
    border: 1px solid #424242;
}

.links_body {
    padding: 10px;
    text-align: left;
    font-family: "pixel";
    color: #ffffff;
    background-image: url(http://media.tumblr.com/04ff549b92bb99db8ad725a83e288030/tumblr_inline_mnd920iJ7C1qz4rgp.gif);
    line-height: 1.3em;
    display: none;
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
    border-bottom: 1px solid #424242;
    border-radius: 0px 0px 5px 5px;
}





/* Scrollbar styling */
::-webkit-scrollbar {
    width: 10px;
    /* Vertical Width */
    height: 10px;
    /* Horizontal Height */
}

/* Scrollbar Track Color */
::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

/* Scrollbar Thumb Color */
::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0px;
    border: 2px solid transparent;
}

/* Thumb Hover */
::-webkit-scrollbar-thumb:hover {
    background: #10386d;
}

#statuscafe {
    padding: .5em;
    background-color: transparent;
    border: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#statuscafe-username {
    margin-bottom: .5em;
}

#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}

li {
    list-style-type: "★ ";
}