.et_pb_post_content h1 {
    font-family: 'PP Fragment Glare', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:60px;
}
.et_pb_post_content h2 {
    font-family: 'PP Fragment Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:22px;
}
.et_pb_post_content h3 {
    font-family: 'PP Fragment Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size:30px;
    line-height:35px;
}
.et_pb_post_content h4 {
    font-family: 'PP Fragment Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size:35px;
}
.et_pb_post_content h5 {
    font-family: 'PP Fragment Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:20px;
}
.et_pb_post_content p,
.et_pb_post_content p a,
.et_pb_post_content li
 {
    font-family: 'PP Fragment Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:15px;
}

.comment-body {
    background:var(--purewhite);
    padding:20px 20px 20px 90px;
    -webkit-box-shadow: 0px 0px 15px 0px #22222227; 
    box-shadow: 0px 0px 4px 0px #22222227;
    border-radius:5px;
}

.comment-body .comment_avatar {
    top:20px;
    left:20px;
    width:50px;
    height:50px;
}
.comment-body .comment_avatar img {
    object-fit:cover;
    width:100%;
    height:auto;
}

.comment-body .comment_postinfo a {
    font-family: 'PP Fragment Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:15px;
    color:var(--red);
}

#commentform .comment-form-comment {
    font-family: 'PP Fragment Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:15px;
}

#commentform .comment-form-comment label {
    opacity:0.5;
}

#commentform .comment-form-comment textarea,
#commentform .comment-form-author input, 
#commentform .comment-form-email input {
    color:var(--grey);
    background:var(--purewhite);
    padding:20px;
    font-size:11px;
    border-radius:5px;
    font-family: 'PP Fragment Sans', sans-serif;
    font-weight: 400;
}


#commentform .comment-form-comment textarea::-webkit-input-placeholder {
    opacity:0.5;
}

#commentform {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

#commentform > * {
    flex:100%;
}

#commentform .comment-form-author,
#commentform .comment-form-email {
    flex:50%;
}

#commentform .comment-form-author input, 
#commentform .comment-form-email input {
    width:100%;
}

#commentform .comment-form-author input {
    margin-right:10px;
}

#commentform .comment-form-email input {
    margin-left:10px;
}

#commentform .comment-form-url {
    display:none;
}

#commentform button.submit {
    position:relative;
}

#commentform button.submit::before {
    content: "";
    display: block !important;
    height: 8px;
    width: 8px;
    background: var(--purewhite);
    border-radius: 50%;
    flex-shrink: 0;
    transition: opacity .3s ease, transform .3s ease;
    opacity:1;
    position:absolute;
    left:20px;
    top:50%;
}

#commentform button.submit:after {
    content: "";
    display: block !important;
    height: 8px;
    width: 8px;
    background: white;
    border-radius: 50%;
    flex-shrink: 0;
    transition: all 0.3s ease;
    opacity:0;
    position:absolute;
    right:0;
    top:50%;
}

#commentform button.submit:hover::after {
    opacity:1;
    right:20px;
}