body {
    font-family:Arial;
}

h4 {
    margin: 5px 0;
}

.wrapper {
    max-width: 800px;
    margin: 150px auto;
}

.accordion-item {
    background: #eb9c00;
    color: #fff;
    border: 0.5px solid #868686;
    border-radius: 3px;
    padding: 5px 8px;
    display: block;
	margin-bottom:5px;
}

    .accordion-item:hover {
        background: #ffb54d;
        border-color: #ffb54d;
    }

.accordion-panel {
    padding: 0px 5px;
    margin-bottom: 5px;
}

    .accordion-panel.active {
    }

    .accordion-panel p {
        margin: 5px 0px;
    }

pre.code-snippet {
    background: #f1ecec;
    color: #555;
    max-height: 70vh;
    overflow: auto;
    padding: 1rem 1.5rem;
    -moz-tab-size: 4;
    tab-size: 4;
}

span.code-highlight {
    background: #ff000059;
}