@charset "utf-8";
/* CSS Document */

/*
#sidebarL{

    width: 300px;
    display: flex;
    background-color:#ff838b;
}

#sidebarR{

    width: 300px;
    display: flex;
    background-color:#f6f5f4;
}

#mainContentBox{
    
}
*/

#titlePannel{
    width: auto;
    height: auto;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    
}

#titlePannel input{
    font-size: 24px;
}


.formTextBox{
    width: auto;
    height: auto;
    margin: 5px;
    border-bottom: thin solid #0F1640;
}

.formTextBox input{
    border:none;
    text-align: center;
    font-size: 16px; 
}

.tagNameBlockContainer{
    width: auto;
    height: 24px;
    margin: 5px;
    background-color: #FFFFFF;
}
.tagNameBlock:hover{
    cursor: pointer;
    background-color: #8BDBF1;    
}
.tagNameBlock{
    color: #fff;
    padding: 3px;
    margin: 2px;
    display: inline-block;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    background-color: #49C7E9;
    height: 20px;
    font-size: 15px;
}

.mainContentBox textarea{
    width:100%;
    max-width:700px;
    margin-top: 5;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    
    height: 100%;
    position:relative;
}

button:hover{
    
    cursor: pointer;
    background-color: #434BD9;
    
}

button{
    color: #fff;
    padding: 5px 10px;
    margin: 2px;
    display: inline-block;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    background-color: #0F1640;
    text-align: center;
    white-space: nowrap;
}