#translator-popup {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: black;
    opacity: .75;
}

#translator-container {
    width: 75%;
    height: 75%;
    background: white;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
}

#translator-container #translator-close {
    width: 100%;
    text-align: right;
}

#translator-container #left-panel {
    width: calc(50% - 4em);
    height: calc(100% - 6em);
    text-align: center;
}

#translator-container #controls {
    width: 4em;
    text-align: center;

}

#translator-container #right-panel {
    width: calc(50% - 4em);
    height: calc(100% - 6em);
    text-align: center;
}

#translator-container #right-panel textarea,
#translator-container #left-panel textarea {
    width: 100%;
    height: 100%;
}

#translator-container > div > p {
    text-align: left;
    font-weight: bold;
}