.titles {
    height: 10%;
    text-align: center;
}

.multi-ce-area {
    height: 70%;
    display: flex;
}

.log-area {
    height: 20%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
}

.ce-area {
    width: 50%;
    height: 100%; /* Set the height to match the parent container */
    margin: 0px;
    display: flex;
}

#right-ce {
    /* align div to right */
    margin-left: auto; 
    margin-right: 0;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
    padding: 10px;
}