body {
    background-image: url(spacegifcities.gif);
    background-size: 15%;

}

.main {
    position: absolute;
    width: 90%;
    height: 85%;
    margin: 2% 5% 0 5%;
    color: white;
    display: flex;
}

.sidebarleft {
    width: 15%;
    border: 2px solid blue;
}

.centerwrapper {
    display: flex;
    flex-direction: column;
    width: 70%;
}
.entrieswrapper {

    width: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: 100%;
}
.sidebarright {
    width: 15%;
    border: 2px solid blue;
}

.entry {
    border: 1px solid green;
    margin: 1% 0 1% 0;
    display: flex;
}
.entryside {
    width: 20% !important;
    border: 1px solid brown;
}
.albumcover {
    width: 100%;
}
.entrymain {
    border: 1px solid brown;
    width: 100%;
}
.entrytitle {
    border: 1px solid yellow;
    width: 100%;
}
.maintitle {
    width: 40%;
    margin: 0 30% 0 30%;
}

/*scrollbar*/
.entrieswrapper::-webkit-scrollbar {
  background-color: var(--blue);
  width: 16px;
height: 16px;
}
.entrieswrapper::-webkit-scrollbar-track {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=");
image-rendering: pixelated;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.entrieswrapper::-webkit-scrollbar-thumb {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid black;
border-bottom: 1px solid black;
box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
width: 16px;
height: 16px;
background-color: #cccccc;
z-index: 1;
}
.entrieswrapper::-webkit-scrollbar-thumb:hover {
box-shadow: 0px 0px 17px 0px rgba(154,166,230,0.75);
-webkit-box-shadow: 0px 0px 17px 0px rgba(154,166,230,0.75);
-moz-box-shadow: 0px 0px 17px 0px rgba(154,166,230,0.75);
}

.favsongs {
    color: rgb(229, 99, 255);
}
.albumname {
    font-size: large;
}
.navigation {
    display: flex;
    flex-direction: column;
}
.navigation img {
    width: 50%;
    margin: 3% 3% 3% 10%;
}
.navigation img:hover {
    width: 70%;
    margin: 3% 3% 3% 15%;
}