*, *:before, *:after {
    box-sizing: border-box;
    color: rgb(250, 250, 250);
    overflow: hidden;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
}

h1, label {
    color: white;
    margin: 0;
}

button, select {
    background-color: rgb(105, 105, 105);
    color:white;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

button:hover {
    background-color: rgb(129, 129, 129);
}

button:active {
    background-color: rgb(83, 83, 83);
}

textarea, input {
    background-color: rgb(105, 105, 105);
    border-color: rgb(153,153,153);
}

input::placeholder{
    color: rgb(140, 140, 140);
}

#pageParent {
    background-color: gray;
    width: 100%;
    height: 100%;
}

#pageTopBar {
    background-color: rgb(0, 0, 0);
    width: 100%;
    height: 15%;
}

#pageBottomContainer {
    width: 100%;
    height: 85%;
}

#saveLoadControls {
    display: flex;
    justify-content: center;
    align-items: center;
}

#saveLoadControls > * {
    height: 27px;
    margin: 0px 5px 0px 5px;
}

#saveLoadControls > p {
    font-size: 20px;
}

#characterKeyContainer {
    background-color: rgb(53, 53, 53);
    width: 30%;
    height: 100%;
    float: left;
    overflow: auto;
}

#editorContainer {
    background-color: rgb(82, 82, 82);
    width: 70%;
    height: 100%;
    float: left;
}

#characterKeyContainer label, #characterKeyContainer p {
    font-size: 20px;
}

#selectInitiatingCharacter {
    width: 90%;
}

#charactersListContainer {
    overflow: auto;
}

#dialogueBlocksContainer {
    background-color: rgb(82, 81, 81);
    width: 30%;
    height: 100%;
    float: left;
    overflow: auto;
}

#dialogueBlocksContainer label, #dialogueBlocksContainer p {
    font-size: 20px;
}

#selectDialogueBlock {
    width: 90%;
}

.centerToParent {
    text-align: center;
    width: 100%;
    display: block;
}

.sidePanelTextIn {
    width:80%;
}

.padTop {
    padding: 20px 0px 0px 0px;
}

.marginTop {
    margin: 20px 0px 0px 0px;
}

.marginLeftTop {
    margin: 20px 0px 0px 20px;
}