.center_contenet {
    margin: auto;
    /*width: 60%;*/
    /*border: 3px solid #73AD21;*/
    padding: 10px;
}

.center_text {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    /*border: 3px solid red;*/
}

body {
    font-family: 'Anek Devanagari';
    background: #fcfff0fa;

}

.stanza {
    padding: 1em;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.title {
    padding: 1em;
    font-size: 28px;
    font-weight: bolder;
    text-align: center;
    width: 85%;
}

.shloka_title {
    padding: 1em;
    font-size: 24px;
    font-weight: 800;
    text-align: center;
}


#parchment {

    /*position: absolute;*/
    display: flex;
    width: 60%;

    /*min-height: calc((1vw + 1vh) * 75);*/
    /* center page with absolute position */
    top: 0%;
    left: 50%;
    transform: translate(25%, 0);
    margin: 2em 0;
    padding: 4em;
    box-shadow: 2px 3px 20px black, 0 0 60px #8a4d0f inset;
    background: #fffef0;
    filter: url(#wavy2);
    align-items: center;
    justify-content: center;
    /*border: 1px solid blue;*/
}

/* .para{
                border: 1px solid green;
                width: 100%;
                padding: 1em;
                margin: 0.5em;
            } */
.main_div {
    width: auto;
    align-items: center;
    justify-content: center;
    /*border: 1px solid red;*/
}

.para {
    /*border: 1px solid green;*/
    width: 80%;
    padding: 2em;
    margin: 2em;
}

@media (max-width: 450px) {
    #parchment {

        /*position: absolute*/
        display: flex;
        width: 100%;

        /*min-height: calc((1vw + 1vh) * 75);*/
        /* center page with absolute position */
        top: 0%;
        left: 50%;
        transform: translate(0%, 0);
        margin: 1em 0;
        padding: 1em;
        box-shadow: 2px 3px 20px black, 0 0 60px #8a4d0f inset;
        background: #fffef0;
        filter: url(#wavy2);
        align-items: center;
        justify-content: center;
        /*border: 1px solid gray;*/

    }

    .center_text {
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        /*border: 3px solid red;*/
    }

    .stanza {
        padding: 1em;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
    }

    .title {
        padding: 1em;
        font-size: 20px;
        font-weight: bolder;
        text-align: center;
    }

    .shloka_title {
        padding: 1em;
        font-size: 18px;
        font-weight: 800;
        text-align: center;
    }



    .para {
        /*border: 1px solid green;*/
        width: 100%;
        padding: 1em;
        margin: 0.5em;
    }
}

.dropbtn {
    box-shadow: 1px 2px 10px black, 0 0 25px #8a4d0f inset;
    background: #fffef0;
    filter: url(#wavy2);
    color: black;
    padding: 1em;
    margin: 1em;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;

    min-width: 160px;
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                background-color: #f9f9f9; */

    box-shadow: 1px 2px 10px black, 0 0 25px #8a4d0f inset;
    background: #fffef0;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    /*background-color: #f1f1f1*/
    box-shadow: 1px 2px 10px black, 0 0 10px #8a4d0f inset;
    background: #fffef0;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    /*background-color: #3e8e41;*/
    box-shadow: 1px 2px 10px black, 0 0 10px #8a4d0f inset;
    background: #fffef0;
}

.title_menu_bx {
    /*position: absolute;*/
    display: flex;
    /*border: 1px solid green;*/

}