body{
    background: no-repeat;
    background-size: cover;;
    background-color: rgb(243, 234, 202);
    color:rgb(104, 120, 43);
    font-size: 16px;
}

a:any-link {
    color: rgb(67, 79, 21);
  }
.first-title{
    font-size:16px;
    position:fixed;
    top:400px;
    left:350px;
}
.title{
    font-size:16px;
    padding:10px;
}
.next{
    position:absolute;
    bottom: 85px;
    right:240px;
}
.back{
    position:absolute;
    bottom:85px;
    left:300px;
}
.home{
    position:absolute;
    bottom:85px;
    left:700px;
}
.boxy{
    border: dashed 3px;
    padding: 50px;
    width: 55vw;
    height: 45vh;
    position: fixed;
    top: 180px;
    left: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color:  rgb(204, 204, 156)rgb(243, 234, 202);


}

.opener{
    position:fixed;
    top:400px;
    left:350px;
}
.page2-stanza-1{
    position:relative;
    top:400px;
    left: 58px;
}
.page2-stanza-2{
    position:relative;
    top:500px;
    left:58px;
}
.page2-closer{
    position:absolute;
    top:711px;
    right:15px;
}
.page3-stanza-1{
    position:relative;
    left: 135px;
    top:400px;
}
.page3-stanza-2{
    position:relative;
    left: 135px;
    top:500px;
}
.page3-stanza-3{
    position:relative;
    left: 135px;
    top:600px;
}
.page3-stanza-4{
    position:relative;
    left: 135px;
    top:700px;
    padding-bottom:78px;
}
.page4-stanza-1{
    position:relative;
    left: 220px;
    top:400px;
}
.page4-stanza-2{
    position:relative;
    left: 220px;
    top:600px;
}

.page4-closer{
    position:absolute;
    top:810px;
    right:15px;  
}

.page5-stanza-1{
    position:relative;
    left: 485px;
    top:500px;
}
.page5-stanza-2{
    position:relative;
    left: 485px;
    top:600px;
    padding-bottom: 95px;
}
.page6-stanza-1{
    position:relative;
    left: 250px;
    top:400px;
}
.page6-stanza-2{
    position:relative;
    left: 250px;
    top:500px;
}
.page6-stanza-3{
    position:relative;
    left: 250px;
    top:600px;
}
.page6-closer{
    position:absolute;
    top:895px;
    right:15px;  

}
.page7-stanza-1{
    position:relative;
    left: 230px;
    top:300px;
}
.page7-stanza-2{
    position:relative;
    left: 230px;
    top:400px;
}

.page7-stanza-3{
    position:relative;
    left: 230px;
    top:500px;
    padding-bottom: 145px;
}
@media only screen and (max-width: 768px) {
    body{
      font-size: 12px;
    }
    .boxy{
        width:40vw;

    }
    .next{
        position:absolute;
        right:55px;
        bottom:20px;
    }
    .home{
        position:absolute;
        left:490px;
        bottom:20px;
    }
    .back{
        bottom:20px;
        left:300px;
    }
    .opener{
        position:fixed;
        left:320px;
    }
    .page2-stanza-1{
        position:relative;
        left:15px;
    

    }
    .page2-stanza-2{
        position:relative;
        left:15px;
    

    }
    .page3-stanza-1{
        position:relative;
        left:90px;
    }
    .page3-stanza-2{
        position:relative;
        left:90px;
    }

    .page3-stanza-3{
        position:relative;
        left:90px;
    }

    .page3-stanza-4{
        position:relative;
        left:90px;
    }
    .page4-stanza-1{
        position:relative;
        left:130px;
    }
    .page4-stanza-2{
        position:relative;
        left:130px;
    }
    .page5-stanza-1{
        position:relative;
        left:130px;
        top:300px;
    }
    .page5-stanza-2{
        position:relative;
        left:130px;
        top:320px;
        padding-bottom: 5px;
    }
    .page6-stanza-1{
        position:relative;
        left:155px;
    }
    .page6-stanza-2{
        position:relative;
        left:155px;
    }
    .page6-stanza-3{
        position:relative;
        left:155px;
    }
    .page7-stanza-1{
        position:relative;
        left:155px;
    }
    .page7-stanza-2{
        position:relative;
        left:155px;
    }
    .page7-stanza-3{
        position:relative;
        left:155px;
    }
    
}