.codebut {
    background-color: #112449;
    color: white;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px
}

    .codebut:active, .codebut:hover {
        background-color: #00569c
    }

    .codebut:after {
        content: '\002B';
        color: white;
        font-weight: 700;
        float: right;
        margin-left: 5px
    }

    .codebut:active:after {
        content: "\2212"
    }

.codecontent {
    border: initial;
    padding: 0 5px;
    margin: initial;
    overflow: hidden;
    font-family: Consolas;
    font-size: 13px;
    color: black;
    transition: max-height 0.2s ease-out;
    border: 1px solid #e3e3e3;
    background-color: #fafafa
}