.holypedia-page {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px;
    background: #eee;
}

.holypedia-left {
    height: 100%;
    padding: 5px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.holypedia-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.holypedia-logo-image {
    width: 150px;
    height: 150px;
    opacity: 0.7;
    background-size: 120%;
    background-position: center;
    background-image: url("../images/holypedia-logo.png");
}

.holypedia-logo-header {
    display: inline-flex;
    align-items: baseline;
    line-height: 1;
}

    .holypedia-logo-header span {
        line-height: 1;
        font-weight: 600;
    }

    .holypedia-logo-header .big {
        font-size: 2rem;
    }

    .holypedia-logo-header .small {
        font-size: 1.5rem;
    }

.holypedia-logo-text {
    font-size: 1rem;
}

.page-list {
    list-style-type: none;
    width: 100%;
    font-size: 1rem;
}

    .page-list li:hover {
        opacity: 0.5;
    }

    .page-list li {
        cursor: pointer;
        color: blue;
    }

        .page-list li.active {
            border-bottom: 1px solid;
        }

.holypedia-content {
    padding: 5px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.holypedia-window {
    box-shadow: 0 0 50px #0002;
    width: 100%;
    height: 100%;
    background: #fff;
    outline: 1px solid #aaa;
    outline-offset: -2px;
    overflow: auto;
}