body {
    /* background-color:black; */
    overflow-y: hidden;
    overflow-x: hidden;
    display:flex;
    flex-direction:column;
    padding:0;
    margin:0;
}

/* header {

} */

#flex-horiz {
    display:flex;
    width:100vw;
    /* background-color:yellow; */
}
main {
    /* background-color:red; */
    min-width:61vw;
    /* max-width:70%; */
    border-right:1px solid black;
    padding:2%;
}

aside {
    /* background-color:grey; */
    min-width:31vw;
    display:flex;
    flex-direction: column;
    /* max-width:30%; */
    padding:2%;
    background-color:beige;
    height:96vh;
    
}

aside #rollButton {
    color:red;
}

#rollLogs {
    /* border:1px black solid; */
    display:flex;
    flex-direction: column;
    background-color:white;
    padding:1vw;
    /* width:100%; */
    overflow-y: scroll;
}
.log {
    display:flex;
    justify-content: flex-start;
    padding:0;
    margin:0;
    flex-flow:column;
    align-items: start;
    
    /* background-color:red; */
    /* height:100px; */
    list-style: none;
}