.column.is-two-thirds {
    flex: 4;
}

.column {
    flex: 1;
}

.columns.is-equal-height {
    display: flex;
    flex-wrap: wrap;
}

.columns.is-equal-height > .column {
    display: flex;
    flex-direction: column;
}

.columns.is-equal-height .box {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#text-to-copy {
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
}

.jwt-box {
    max-width: 640px;
}

.jwt-box pre {
    background-color: white;
}

.jwt-header {
    color: #fb015b;
}

.jwt-payload {
    color: #d63aff;
}

.jwt-signature {
    color: #00b9f1;
}

.tag.jwt-header {
    background-color: rgba(251, 1, 91, 0.29);
}

.tag.jwt-payload {
    background-color: rgba(220, 99, 251, 0.47);
}

.tag.jwt-signature {
    background-color: rgba(0, 185, 241, 0.53);
}

.has-border-jwt-header, .has-border-jwt-payload, .has-border-jwt-signature {
    border-bottom: 5px solid;
    border-left: 5px solid;
    border-right: 5px solid;
}

.has-border-jwt-header {
    border-color: rgba(251, 1, 91, 0.29);
}

.has-border-jwt-payload {
    border-color: rgba(220, 99, 251, 0.47);
}

.has-border-jwt-signature {
    border-color: rgba(0, 185, 241, 0.53);
}