h1{
    font-family: 'Times New Roman', Times, serif;
    color: cornsilk;

}


body{

        background: url("strawbackround2.jpg");
        backround-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;

    }
    p{
        color:rgb(36, 101, 16); 
    font-family:"IBM Plex Mono";
    text-align: center;
    background-color: rgb(149, 193, 179);
}

a:link{
    font-family: ibm plex mono bold;
    color: blanchedalmond;
    font-size: x-large;
}
a:visited{
    color:rgb(6, 125, 73);
}
a:hover{
    color:rgb(250, 203, 16);
}

    body{
        margin-top: 150px;
        margin-bottom: 150px;
        margin-left: 30%;
        margin-right: 30%;
#box1{
     font-family:Ibm plex mono;
     color:rgb(255, 232, 174);
                text-align: center;
      border: 7px groove darkgoldenrod;
    padding: 10px;
    width: 650px;
    height: 250px;
    font-size: 22px;
    background-image:url('book\ cover.jpg');
}
    }
#box2{
      font-family:Ibm plex mono;
           color:darkgoldenrod;
           text-align: center;
    border: 7px groove darkgoldenrod;
    padding: 10px;
    margin-right: 50%;
    margin-left:0;
    width: 500px;
    height: 700px;
    font-size: 22px;
    background: rgb(255, 247, 192, 0.705);
    transform: translateX(149px);
}
img{
    float:none;
    position:static;
    top: 800px;
    right: 500px;
}
#box3{ 
      font-family:Ibm plex mono;
                 text-align: center;
           color:darkgoldenrod;
        border: 7px groove darkgoldenrod;
    padding: 10px;
    width: 650px;
    height: 250px;
    font-size: 22px;
    background: rgb(255, 247, 192, 0.705);

}
#box4{
     font-family:Ibm plex mono;         
       text-align: center;
           color:darkgoldenrod;
       border: 7px groove darkgoldenrod;
    padding: 10px;
    width: 650px;
    height: 250px;
    font-size: 22px;
    background: rgba(255, 247, 192, 0.705);
}