body{background-image: url(../images/wooden3.jpg);background-repeat: repeat-y;background-size: cover;
direction:rtl;text-align:right;  color: #e7efe6;line-height: 3em;  font-family: tahoma,arial;  font-size: 14px; direction: rtl;  text-align: right;
  height: 100%;  box-sizing: border-box;   margin: 0px;  padding: 0px;}
a{color: unset;    text-decoration: none;display: flex;  justify-content: center;  }
a:hover{color:yellow;}

#c-box{display:flex;width:100%;padding:1%;box-sizing: border-box;margin:0px;height:auto;margin-top:2px;direction: rtl;flex-direction: column;justify-content: space-around;flex-wrap: wrap;border-bottom: solid 1px #8c8888;}
#c-text{display:flex;width:100%;direction: rtl;flex-direction:row; justify-content: space-around;flex-wrap: wrap;    padding: 2%;box-sizing: border-box;}
//#c-text,#c-pic{background-color:#5e001042;}
#row{display:flex;width:100%;flex-direction: row;flex-wrap: wrap;justify-content: flex-start; align-items: center;    align-content: center;   
 //background-color: #3e3d3d9c;   
         height: min-content;    line-height: 2em;padding-right: 1%;box-sizing: border-box;}
#mindiv {
    width: 20em;
    display: flex;
    vertical-align: top;
    margin-bottom: 2px;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-around;
}
#diva{width:6em;}
#divb{width:max-content;    padding: 3px;    padding-top: 0px;    padding-bottom: 0px;}
#c-pic{width:100%;display:flex;justify-content: space-around; padding: 2%;box-sizing: border-box;}
#c-img{display:flex;max-width:100%;max-height:100%;align-self: center;}
pre{width:100%;white-space: pre-wrap;}
#artist-img{width: 12em;}

#show-box{padding: 2%;    display: flex;    justify-content: space-around;    width: 24em;    height: 31em;    flex-wrap: wrap;    align-items: flex-start;    flex-direction: row;    align-content: space-around;    align-items: center;
    overflow: hidden;    box-sizing: border-box;    direction: rtl;    text-align: right;    background-color: #030c45;
    margin: 1%;    border: solid 1px #b2b3f0;    }
#showin{display: flex;
    flex-direction:column;}
.footer{font=size:0.7rem;}

select,input,textarea,#frmimg,#frma,button{width:20em;padding:0px;margin-0px;height:2em;line-height:1em;margin: 2px;
    padding-right: 4px; box-sizing: border-box;}
#frmimg{height: 16em;
    max-width: 18.5em;
    padding: 0px;
    margin: 0px;}
textarea{height:20em;}
form{    min-width: 20em;    padding: 0px;    margin-0px: ;    min-height: 2em;    display: flex;
    max-width: 100%;    flex-wrap: wrap;        flex-direction: row;  justify-content:flex-start  ;}
@media all and (min-width: 640px){
#c-box{flex-direction: row;}
#c-text{width:40%;}
#c-pic{width:59%;max-height:30em;}
}