.main-page-content .code .code-bad, .main-page-content .code .code-good {
    padding: 24px;
}
.code-good {
    background-color: #d0f1de;
    border-color: #009e66;
}
.code-bad {
    background-color: #fae4e5;
    border-color: #ff7d7e;
}
.code-info {
    background-color: #e4e7fa;
    border-color: #7da0ff;
}
.code-alert {
    background-color: #faf0e4;
    border-color: #ffbc7d;
}
.main-page-content .code-bad, .main-page-content .code-good {
    position: relative;
}
pre {
    border-left: 6px solid #005282;
    font-size: 1rem;
    line-height: 1.4;
    margin: 0 0 24px;
    max-width: 100%;
    overflow: auto;
    padding: 24px;
    width:100%
}
*, :after, :before {
    box-sizing: border-box;
}