body {
    background-color: #c3c3c3;
}

.outerBoxHead, .outerBoxBottom {
    width: 700px;
    text-align: left;
}

.outerBoxHead {
    //background-color:#c3c3c3;
    padding-top: 10px;
    padding-left: 10px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.outerBoxBottom {
    //background-color:rgb(70, 15, 15);
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.bottomPiece {
    padding-bottom: 5px;
}

#imgProfil {
    border-radius: 100%;
}

.lblBookKullaniciAdi, .lblBookKatilmaTarihi {
    color: black;
    font-style:italic;
    font-weight:bold;
}

.lblBookKullaniciAdi {
    font: bold 26px Verdana;
}

.headingButonlar {
    cursor: pointer;
    width: 120px;
    height: 35px;
    font: 500 17px Verdana;
    font-family: 'Comic Sans MS';
    background-color: rgb(69, 38, 38);
    color: #fedc21;
    border: none;
}

    .headingButonlar:hover {
        border-bottom: 4px solid #ff0000;
    }

.clickedHeadingButton {
    cursor: pointer;
    width: 120px;
    height: 35px;
    font: 500 17px Verdana;
    font-family: 'Comic Sans MS';
    background-color: rgb(69, 38, 38);
    color: #fedc21;
    border: none;
    border-bottom: 4px solid #ff0000;
}