/*****************************************
:root{
    --color-green-light: #33C36F;
    --color-green-dark: #024448;
    --color-beige: #F3EEEB;
    --color-gray-1: #F0F1F4;
    --color-gray-2: #F6F7F9;
    --color-gray-3: #FBFBFB;
    --color-white: #FFFFFF;
    --color-black: #000000;


    --color-green-gradient: #168143;
    --color-red: #E2757D;
    --color-red-gradient: #9E232C;
    --color-yellow: #CBAB62;
    --color-yellow-gradient: #6E6A5F;
}
body[contenteditable = true] .float-right {
    float: right;
    margin-left: 15%;
}
body[contenteditable = true] .float-left {
    float: left;
    margin-right: calc( 15% - 30px );
    margin-left: 30px;
}
body[contenteditable = true] p{
    line-height: 35px;
    font-size: 16px;
}
body[contenteditable = true] .img {
    position: relative;
    margin-bottom: 50px;
    max-width: calc( 100% - 30px );
}
body[contenteditable = true] img {
    border: 10px solid #f0f1f4;
    position: relative;
    z-index: 2;
    width: 100%;
}
body[contenteditable = true] .img::after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: -30px;
    bottom: -30px;
    border: 10px solid #f0f1f4;
    z-index: 1;
}

body[contenteditable = true] hr {
    height: 0;
    border-bottom: 2px solid #D8D8D8;
    position: relative;
    clear: both;
    margin: 60px 0;
}
body[contenteditable = true] hr.t1{
    display: block;
    position: relative;
    background: linear-gradient(90deg, #F0F1F4 57%, rgba(240, 241, 244, 0) 100%);
    height: 30px;
    min-height: 30px;
    width: 100%;
    opacity: 1;
    overflow-y: visible;
    overflow-x: clip;
}
body[contenteditable = true] hr.t1::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 35px;
    width: 192px;
    background: linear-gradient(265.44deg, var(--color-green-light) 0%, var(--color-green-gradient) 100%), var(--color-green-light);
    transform: translateX(-9%) skewX(-209deg);
    z-index: 3;
}
body[contenteditable = true] hr.t1::after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    top: -5px;
    left: 178px;
    z-index: 1;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #5F9C79 transparent;
}
*****************************************/