/* 
* Author：Connor yang
* Created Time: 2021-5-3
* Modified Time:2021-5-3
* Version: v0.0.1
* 
* Arithmetic Gradient Heading H1 - H6 of font size, color.
* Same size of height and line-height = 36px.
*

*   Font-size of common difference:4px | Color of common difference: 32
*   H1 32px                            |  rgb(255,255,255)            
*   H2 28px                            |  rgb(224,224,224)             
*   H3 24px                            |  rgb(192,192,192)             
*   H4 20px                            |  rgb(160,160,160)          
*   H5 16px                            |  rgb(128,128,128)             
*   H6 12px                            |  rgb(96,96,96)      

You can customize Arithmetic Gradient color, such as 
    Yellow
    H1 rgb(255,255,0)   
    H2 rgb(224,224,0)   
    H3 rgb(192,192,0)   
    H4 rgb(160,160,0)   
    H5 rgb(128,128,0) 
    H6 rgb(96,96,0)       
     
*/

/*----------------------------H1-H6 style--------------------------------*/

/*Editor H1-H6 */
.cm-header-1{
    font-size: 32px !important;
    color:rgb(255,255,255)  !important;
    height:36px !important;
    line-height:36px !important;
}

.cm-header-2{
    font-size:28px !important;
    color:rgb(224,224,224)  !important;
    height:39px !important;
    height:36px !important;
    line-height:36px !important;
}

.cm-header-3{
    font-size:24px !important;
    color:rgb(192,192,192) !important;
    height:36px !important;
    line-height: 36px !important;
}

.cm-header-4{
    font-size:20px !important;
    color:rgb(160,160,160)   !important;
    height:36px !important;
    line-height: 36px !important;
}

.cm-header-5{
    font-size: 16px !important;
    color: rgb(128,128,128)  !important;
    height: 36px !important;
    line-height: 36px !important;
}

.cm-header-6{
    font-size:12px !important;
    color:rgb(96,96,96)    !important;
    height:36px !important;
    line-height:36px !important;
}

/*Preview H1-H6 */

.markdown-preview-view h1 {
    font-size:32px !important;
    color:rgb(255,255,255)  !important;  
    height:36px !important;
    line-height:36px !important;
    
}
.markdown-preview-view h2 {
    font-size:28px !important;
    color:rgb(224,224,224)   !important;  
    height:36px !important;
    line-height:36px !important;
}
.markdown-preview-view h3 {
    font-size: 24px !important;
    color: rgb(192,192,192) !important;  
    height: 36px !important;
    line-height: 36px !important;
}
.markdown-preview-view h4 {
    font-size:20px !important;
    color:rgb(160,160,160)  !important;  
    height:36px !important;
    line-height:36px !important;
}
.markdown-preview-view h5 {
    font-size: 16px !important;
    color: rgb(128,128,128)    !important;  
    height: 36px !important;
    line-height: 36px !important;
}
.markdown-preview-view h6 {
    font-size: 14px !important;
    color: rgb(96,96,96)  !important;  
    height: 36px !important;
    line-height: 36px !important;
}