#container1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1206px;
    height: 868px;
    background-image:url(img/backdrop.png);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 4;
}
#container2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 877px;
    height: 659px;
    background-image:url(img/book.png);
    background-repeat: no-repeat;
    z-index: 5;
}
#content {
    height: 635px;
    padding: 0 20px 0;
}
#menu {
    height: 50px;
    margin: 90px 20px 0;
}
#textarea {
    height: 560px;
    margin: 20px 0 0;
    column-count: 2;
    column-gap: 30px;
    column-fill: auto;
    overflow: auto;
    scroll-snap-type: both proximity;
}