#aboard{
    position:relative;
    background-color: #ccccdd;
    border: solid 2px #ccccee; 
    width: 100%;
    box-sizing: border-box;
    height: 500px;
    overflow: clip;
}
#bboard{
    position:absolute;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    overflow: clip;
    z-index: 1000;
}
.topBar{
    position: absolute;
    background-color: rgba(20,20,80,0.4);
    height: 42px;
    width:100%;
    top: 0;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 100;
}
.centerBox{
    width: 100%;
    height: 100%;
    overflow: scroll;
}
.bottomBar{
    position: absolute;
    background-color: rgba(20,20,80,0.4);
    width: 100%;
    bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
#sendPost {
    height: 50px;
    min-width: 200px;
    display: inline-block;
    border: #888888 2px dashed;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #eeeeee;
    font-weight: 800;
    padding: 10px;
    margin: 10px;
    cursor: default
}
#sendPost:hover{
    background-color: #ffffff;
}
.hoverHighlight {
    background-color: #ffdddd !important;
    border: #ff8888 2px dashed !important;
}
.button{
    height: 50px;
    min-width: 200px;
    display: inline-block;
    border: #555555 2px solid;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #a8b0f0;
    font-weight: 800;
    padding: 10px;
    margin: 10px;
    cursor: pointer;
}
.button:hover{
    background-color: #c2ccff;
}
#recievePost{
    display: none;
}