body{
    background-image: url("./insideBook.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.container{
    height: auto;
    max-width: 85rem;
    /*position: relative;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding:2px;
    margin-top:5%;
    margin-left:5%;
    margin-right:5%;
    border-style: groove;
    border-radius: 5px;
    border-color: gold;
}

.header{
    background-image: url("./pattern1.jpg");
    flex-grow: 4;
    background-repeat: repeat;
    max-width: 85rem;
    margin-top: 2px;
    text-align: center;
}

.goback a{
    color:beige !important;
    text-shadow: 1px 1px 5px rgb(0, 0, 0), 1px 1px 2px rgb(253, 163, 163),0 0 25px blue;

    font-size: 1.2rem;
}
.goback{
    text-align: right;
}

h1{
    font-size: 3rem;
    font-family: "Alegreya SC", serif;
    text-align: center;
    word-spacing: 10px;
    color: rgb(255, 252, 69);
    text-shadow: 1px 1px 5px rgb(255, 255, 255), 1px 1px 2px black,0 0 25px blue;
}

#janaSide{
    max-width: 220px;
    display: flex;
    float:left;
    margin: 3px;
    flex-grow: 1;
}
#jindraSide{
    max-width: 220px;
    display: flex;
    float:right;
    margin: 3px;
    flex-grow: 1;
}

.inside{
    display: inline-block;
    background-image: url(../dithers/pathInTheWoods.png);
    flex-wrap: wrap;
    
}

.maintext{
    background-image: url(./insideBook.jpg);
    background-position: -100px;
    border-radius: 8px;
    margin-top: 5px;
    margin-left: 230px;
    margin-right: 230px;
    padding:10px;
    font-family: "Libre Baskerville";
    flex-grow: 3;
}

.innerGrid{
    display: grid;
    margin-left: 100px;
    margin-right: 100px;
    grid-template-columns: auto auto auto;
    column-gap: 3px;
    row-gap: 3px;
    padding: 5px;
}

.girlOfSkalitz{
    text-align: right;
    opacity: 50%;
}

.gridItem1{
    grid-row:1;
}
.gridItem2{
    grid-area:1 / span 2;
    font-family: "Libre Baskerville";
    background-color: rgb(221, 197, 161);
    margin: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.gridItem3{
    grid-area:2 /span 2;
    font-family: "Libre Baskerville";
    background-color: rgb(221, 197, 161);
    margin: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.gridItem4{
    grid-row:2;
}
.gridItem5{
    grid-row:3;
}
.gridItem6{
    grid-area:3 /span 2;
    font-family: "Libre Baskerville";
    background-color: rgb(221, 197, 161);
    margin: 1px;
    padding-left: 10px;
    padding-right: 10px;

}
.gridItem7{
    grid-area:4 /span 2;
    font-family: "Libre Baskerville";
    background-color: rgb(221, 197, 161);
    margin: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.gridItem8{
    grid-row:4;
}
.gridItem9{
    grid-row:5;
}
.gridItem10{
    grid-area:5 /span 2;
    font-family: "Libre Baskerville";
    background-color: rgb(221, 197, 161);
    margin: 1px;
    padding-left: 10px;
    padding-right: 10px;
}


.footer{
    text-align: center;
    margin-bottom: 5vw;
    font-size: 1.3rem;
}