body{
    background-color: gray;
}

@keyframes changeToBlue{
    0%{background-color: gray;}
    100%{background-color: blue;}
}

@keyframes changeToGray{
    0%{background-color: blue;}
    100%{background-color: gray ;}
}

.Book{
    font-size: 250%;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%, -50%);
}

.Chapter{
    font-size: 250%;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
}

.Verse{
    font-size: 250%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

button{
    font-size: 450%;
    position: absolute;
    left: 50%;
    top: 75%;
    transform: translate(-50%, -50%);
}

h1{
    color: white;
    text-align: center;
    font-size: 250%;
    position: absolute;
    left: 50%;
    top: 150%;
    transform: translate(-50%, -50%);
}