html,body{
    width:100%;
    height:100%;
    background: black;
}

*{
    font-family: sans-serif;
    color:white;
}

h3,p,span{
    color:rgb(0, 255, 0);
    font-family: Courier;
}

#main{
    display:flex;
    width:100%;
    height:100%;
}

#main>div:nth-child(1){
    width:20%;
    background-color: black;
    padding-top:50px;
    overflow-y: scroll;
}

#main h2{
    color:white;
}

#main *{
    text-align:center;
}

#main>div:nth-child(1)>div>*{
    padding:10px;
    margin:0 auto;
    width:80%;
}

#main>div:nth-child(1)>div>div>button{
    width:100%;
}

#container{
    width:80%;
    display:flex;
    justify-content: center;
    align-items: bottom;
    background-color:#272727;
}

#container h4{
    position:absolute;
    top:10px;
}

#container button{
    right:20px;
}

#toSave{
    display:none;
}

#array{
    display:block;
}

.bar{
    border-radius: 5px;
    width:50px;
    margin:0 2px;
    align-self:flex-end;
    background-color:red;
}


/* Scrollbar */

::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    background-color: #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #eeeeee; 
}