body{
 
    background-color: rgb(245, 147, 111);
    height: 3000px;
}
 
 
.nav-bar{
    background-color: rgb(226, 80, 7);
    height: 4vh;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 20px;
    padding: 2vh;
    width: 204vh;
}
.nav-butt{
     
    
    color: white;
    font-family:fantasy;
}
.bk__con{
    background: var(--liteorng);
    display: flex;
    flex-direction: column;

    justify-content: space-between;
}

.bk{
    display: flex;
    flex-direction: column;
    
    height: 520px;
     
}
.bundle{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.cover{
    height: 300px;
    width: 300px;
}
.tite{
font-size: 30px;
font-weight: bold;
color: rgb(226, 80, 7);
}
.stite{
font-size: 40px;
font-weight: bold;
}
.plswork{
   color: rgb(226, 80, 7);
}
.bk__par{
    font-size: 18px;
    background-color: var(--orng);
    color: var(--liteorng);
    border-radius: 20px;
    padding: 5px;
    width: 500px;

}


.bk{
    display: flex;
    flex-direction: column;
    
    height: 420px;
     
}
.cover{
    height: 150px;
    width: 150px;
}
.tite{
font-size: 30px;
font-weight: bold;
}
.stite{
font-size: 30px;
font-weight: bold;
}
.bk__par{
    font-size: 18px;
    background-color: var(--orng);
    color: var(--liteorng);
    border-radius: 20px;
    padding: 5px;
    margin-bottom: 5px;
    width: 380px;

}