#oracle-book-page-container{
    display: none;
    margin-top: 10px;
    background-color: #eeeeee;
    /* crea ombra */
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
    border-radius: 6px;
    position: absolute;
    top: 10px;
   
    padding: 6px;
    z-index: 100;
}

#oracle-book-page-text-container{
    display: none;
    margin-top: 10px;
    background-color: #eeeeee;
    /* crea ombra */
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
    border-radius: 6px;
    position: fixed;
    height: 45%;
    bottom: 100px;
    width: 90%;
    height: 45%;
    margin-left: 3%;
    margin-right: 3%;
    padding: 6px;
    z-index: 110;

}

.save-text-page{
    padding: 5px;
    font-size: 32px;
}
.save-text-page.success{
    color: limegreen;
}
.save-text-page:hover{
    cursor: pointer;
    background-color: #c8c8c8;
}

.page-containter{
    /* font-family: 'Assistant', sans-serif;
    font-family: 'Cormorant Garamond', serif;
    font-family: 'Dongle', sans-serif;
    font-family: 'Oswald', sans-serif;
    font-family: 'Red Hat Text', sans-serif;
    font-family: 'Roboto Slab', serif; */
}

.page-containter p, .page-containter span, .page-containter div {
    font-family: 'Dongle', sans-serif;
    font-family: 'Assistant', sans-serif;
    font-family: 'Oswald', sans-serif;
}
.page-containter h1, .page-containter h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Dongle', sans-serif;
    font-family: 'Assistant', sans-serif;
    font-family: 'Oswald', sans-serif;
}