body{
    background: #000000;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0px;
    overflow: hidden;
}
magic-book{
    width: 100vw;
    height: 90vh;
    top: 0px;
    position: absolute;
}
#magicbook-container{
    width: 100vw;
    height: 90vh;
    top: 0px;
    position: absolute;
}

.show{
    display:flex
}

.hide{
    display:none;
}