body{
    width: 96vw;
    position: relative;
    margin-left:auto;
    margin-right: auto;
    font-family: Georgia, serif;
}
.self-center{
    margin-left:auto;
    margin-right:auto;
}
.text-center{
    text-align:center;
}
.text-left{
    text-align:left;
}
.text-right{
    text-align: right;
}
.arrow {
  border: solid red;/*rgb(184, 182, 182);*/
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/************** Admin********************/
.center-div{
    width: calc(100% - 10px);
    padding: 5px;
    max-width: 600px;
    background: wheat;
    border:1px solid rgb(73, 50, 6);
    border-radius: 5px;
    margin-left:auto;
    margin-right: auto;
    /*text-align: center;*/
}
.button-2{
    width: calc(100% - 10px);
    padding: 5px;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    justify-content: center;
}
.admin-button,.button-2 button{
    font-size: 16px;
    background: rgb(73, 50, 6);
    color:white;
    border-radius: 5px;
    width: 80%;
}
.admin-button{
    margin-top:5px;
    margin-bottom:5px;
}
.announce{
    width: calc(100% - 10px);
    padding: 5px;
    text-align: center;
}
.center-div h2{
    font-size: 18px;
    color:rgb(73, 50, 6);
    width: calc(100% - 10px);
    padding: 5px;
    margin:0;
    text-align: center;
}
.meeting-list{
    width: calc(100% - 10px);
    padding: 5px;
    display: grid;
    grid-template-columns: repeat(6,auto);/* 50px 100px 50px 50px 50px 50px;*/
    align-items: center;
    column-gap: 5px;

}
.meeting-list img{
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.design-form{
    width: calc(100% - 10px);
    padding: 5px;
    background: transparent;
    display: grid;
    grid-template-columns: 100px 1fr;
    row-gap: 5px;
}
.design-form label,.design-form input,.design-form textarea,.design-form select{
    width: calc(100% - 10px);
    padding: 5px;
    font-size: 15px;
    margin:0;
}
.design-form textarea{
    height:100px;
    resize: none;
}
.button-2 button{
    width: auto;
    margin-left:50px;
    margin-right: 50px; 
    padding: 20px;
}
.image-show{
    width: calc(100% - 10px);
    padding: 5px;
}
.image-show img{
    width: 100px;
    height:100px;
    object-fit: contain;
}
.title{
    width:calc(100% - 10px);
    padding-left:5px;
    padding-right:5px;
    height:40px;
    display:grid;
    align-items:center;
    background:rgb(73, 50, 6);
    grid-template-columns:1fr 50px;
}
.title h2,.title h3{
    width:100%;
    text-align:center;
    font-size:18px;
    color:white;
    margin:0;
}
@media screen and (max-width: 800px) {
    .center-div{
        max-width: none;
    }
    .meeting-list img{
        width: 25px;
        height:25px;
    }
}