#srchqdiv{
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    box-sizing: border-box;
    box-shadow: 0.5vmax 0.5vmax 5vmax grey;
    justify-content: center;
    align-items: center;
}

#srchqdiv h3{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 2.5vmax;
    font-family: Garamond;
    color: rgb(235, 209, 17);
}

#srchq{
    margin-top: 2%;
    width: 60%;
    font-size: 1.5vmax;
    font-family: Garamond;
    margin-bottom: 2%;
}

#qsrchbtn{
    width: 30%;
    font-size: 1.2vmax;
    font-family: Garamond;
    padding: 0.5vmax 0.5vmax 0.5vmax 0.5vmax;
    color: white;
    background-color: blue;
    border-radius: 0.5vmax;
    cursor: pointer;
}

#quesdiv{
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin-top: 5%;
    box-sizing: border-box;
    box-shadow: 0.5vmax 0.5vmax 5vmax grey;
    justify-content: center;
    align-items: center;
}

#quesdiv h3{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 2.5vmax;
    font-family: Garamond;
    color: rgb(235, 209, 17);
}

#questext{
    width: 90%;
    resize: vertical;
    margin-bottom: 2%;
    visibility: hidden;
}

#quesinfo{
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 2%;
    margin-top: 1%;

}

#topicques{
    font-size: 1.2vmax;
    font-family: Garamond;
    margin-right: 2%;
}

#queskeys{
    margin-left: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#queskeys label{
    font-size: 1.2vmax;
    font-family: Garamond;
    margin-right: 1%;
}

#keywords{
    width: 100%;
    font-size: 1.2vmax;
    font-family: Garamond;
}

#querybtn{
    padding: 0.5vmax 0.5vmax 0.5vmax 0.5vmax;
    font-size: 1.2vmax;
    font-family: Garamond;
    color: white;
    background-color: blue;
    border-radius: 0.5vmax;
    width: 30%;
    cursor: pointer;
}

#srchmatch, #srchmatch1{
    color: red;
    font-size: 1vmax;
    font-family: Garamond;
    margin-bottom: 2%;
}

#yourques, #otherques{
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin-top: 5%;
    margin-bottom: 5%;
    box-sizing: border-box;
    box-shadow: 0.5vmax 0.5vmax 5vmax grey;
    justify-content: center;
    align-items: center;
}

#yourques h3, #otherques h3{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 2.5vmax;
    font-family: Garamond;
    color: rgb(235, 209, 17);
}

#your, #all{
    width: 95%;
    margin-bottom: 3%;
}

#queryques, #allqueryques{
    margin-bottom: 0%;
    /*text-align: center;*/
}

#queryques a, #allqueryques a{
    /*text-decoration: underline;*/
    text-decoration: none;
    color: white;
    font-size: 1.2vmax;
    font-family: Garamond;
    word-spacing: 0.1vmax;
    letter-spacing: 0.1vmax;
}

#queryques a img, #allqueryques a img{
    background-color: whitesmoke;
    height: 2vmax;
    padding: 0.5vmax 0.5vmax 0.5vmax 0.5vmax;
    border-radius: 0.2vmax;
}

#qinfo, #allqinfo{
    display: flex;
    /*justify-content: center;
    align-items: center;*/
    margin-left: auto;
    margin-right: auto;
}

#qinfo a, #allqinfo a{
    margin-right: 1%;
    margin-left: 1%;
    text-decoration: none;
    font-size: 1vmax;
    font-family: Garamond;
    /*color: rgb(47, 120, 184);*/
    color: grey;
    border-left: 0.2vmax solid grey;
    border-right: 0.2vmax solid grey;
    padding-left: 0.5%;
    padding-right: 0.5%;
}

#aloadmrediv{
    width: 95%;
    margin-bottom: 5%;
}

#aloadmrebtn{
    padding: 0.5vmax 0.5vmax 0.5vmax 0.5vmax;
    color: white;
    background-color: blue;
    font-size: 1vmax;
    font-family: Garamond;
    cursor: pointer;
    border-radius: 0.5vmax;
    
}

#postmedia{
    display: flex;
    justify-content:center;
    margin-bottom: 2%;
    align-items: center;
    width: 90%;
}

#postmedia label{
    color: white;
    font-size: 1.2vmax;
    font-family: Garamond;
    margin-right: 1%;
}

#mediapost{
    width: 40%;
    font-size: 1.2vmax;
    font-family: Garamond;
    
}

#mediapost::file-selector-button{
    font-size: 1vmax;
    font-family: Garamond;
    padding: 0.3vmax 0.3vmax 0.3vmax 0.3vmax;
    background-color: blue;
    color: white;
    border-radius: 0.5vmax;
    cursor: pointer;
}

/*qna.php----------------------*/
#questiondiv{
    width: 90%;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    box-shadow: 0.5vmax 0.5vmax 5vmax grey;

}

#questiondiv h3{
    font-size: 2.2vmax;
    font-family: Garamond;
    color: rgb(235, 209, 17);
    margin-left: auto;
    margin-right: auto;
}

#actques, #actmedia, #actqinfo, #quesbtns{
    width: 100%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    
    
}

#actques a{
    color: white;
    text-decoration: none;
    font-size: 1.8vmax;
    font-family: Garamond; 
    margin-left: 1%;
    margin-right: 1%;
}

#actques a img{
    background-color: whitesmoke;
    padding: 0.5vmax 0.5vmax 0.5vmax 0.5vmax;
    height: 2vmax;
    border-radius: 0.2vmax;
}

#actmedia video{
    width: 50%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    
}

#actmedia img{
    width: 25vmax;
    height: 25vmax;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

#actqinfo a{
    color: white;
    text-decoration: none;
    font-size: 1vmax;
    font-family: Garamond;
    margin-left: 0.5%;
    margin-right: 0.5%;
    border-left: 0.2vmax solid grey;
    border-right: 0.2vmax solid grey;
    padding-left: 0.5%;
    padding-right: 0.5%;
}

#autoreload, #quesdel{
    font-size: 1vmax;
    font-family: Garamond;
    background-color: blue;
    color: white;
    padding: 0.5vmax 0.5vmax 0.5vmax 0.5vmax;
    border-radius: 0.5vmax;
    cursor: pointer;
    margin-right: 1%;
}

#answerdiv{
    width: 90%;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    box-shadow: 0.5vmax 0.5vmax 5vmax grey;
}

#postans{
    width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
    margin-bottom: 2%;
}

#anspostbtn{
    padding: 0.5vmax 0.5vmax 0.5vmax 0.5vmax;
    color: white;
    background-color: blue;
    cursor: pointer;
    border-radius: 0.5vmax;
    font-size: 1.2vmax;
    font-family: Garamond;
}

#anspost{
    width: 95%;
    /*resize: vertical;*/
    margin-bottom: 2%;
    visibility: hidden;
}

#profession{
    margin-bottom: 2%;
    padding: 0.25vmax 0.25vmax 0.25vmax 0.25vmax;
    font-size: 1.2vmax;
    font-family: Garamond;
}

#anspanel{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1%;
}

#anspanel h3{
    font-size: 2vmax;
    font-family: Garamond;
    color: rgb(235, 209, 17);
    margin-left: auto;
    margin-right: auto;
}
 
#answertext{
    width: 100%;
    /*margin-top: 1%;*/
    margin-bottom: 0%;
}

#answertext p{
    margin-left: 1%;
    margin-right: 1%;
    color: white;
    font-size: 1.2vmax;
    font-family: Garamond;
}

#answertext img{
    background-color: white;
    padding: 0.5vmax 0.5vmax 0.5vmax 0.5vmax;
    height: 2vmax;
    border-radius: 0.2vmax;
}

#ansinfos{
    display:flex;
    width: 100%;
    margin-bottom: 1%;
}

#ansinfos a{
    color: grey;
    font-size: 1vmax;
    font-family: Garamond;
    text-decoration: none;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    border-left: 0.1vmax solid grey;
    border-right: 0.1vmax solid grey;
}

#votediv{
    display: flex;
    width: 100%;
    margin-bottom: 3%;
}

.votebtn{
    font-size: 1vmax;
    font-family: Garamond;
    color: white;
    background-color: blue;
    padding: 0.3vmax 0.3vmax 0.3vmax 0.3vmax;
    border-radius: 0.5vmax;
    cursor: pointer;
    margin-left: 1%;
    margin-right: 1%;
}