table {
    text-align: center;
    font-family: 'Source Code Pro', monospace;
    border: 0px;
}

table tr {
    border: 0px;
}

table th {
    background: none;
    font-size: 2.5em;
}

tbody tr:nth-child(odd) {
    background: #303030;
}

table tr, table th, table td {
    border: 0px;
    padding: 5px;
    margin: 0px;
}

.header0, .header0:visited {
    color: #DB2C17;
}

.header1, .header1:visited {
    color: #4B9CD3;
}

.header2, .header2:visited {
    color: #FFFF99;
}

input[type='checkbox'] { 
    display: none; 
} 

.wrap-collabsible { 
    margin: 1.2rem 0; 
} 

.lbl-toggle { 
    display: block; 
    font-weight: bold; 
    font-family: monospace; 
    font-size: 1rem; 
    text-transform: uppercase; 
    padding: 1rem; 
    color: #DDD; 
    background: #404040; 
    cursor: pointer; 
    border-radius: 7px; 
    transition: all 0.25s ease-out; 
    margin-bottom: 0 !important;
} 

.lbl-toggle:hover { 
    color: #FFF; 
} 

.lbl-toggle::before { 
    content: ' '; 
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    vertical-align: middle;
    margin-right: .7rem;
    transform: translateY(-2px);
    transition: transform .2s ease-out; 
} 

.toggle:checked+.lbl-toggle::before { 
    transform: rotate(90deg) translateX(-3px); 
} 

.collapsible-content { 
    max-height: 0px; 
    overflow: hidden; 
    transition: max-height .25s ease-in-out; 
} 

.toggle:checked + .lbl-toggle + .collapsible-content { 
    max-height: 350px; 
} 

.toggle:checked+.lbl-toggle { 
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0; 
} 

.collapsible-content .content-inner { 
    background: rgba(0, 105, 255, .2); 
    border-bottom: 1px solid rgba(0, 105, 255, .45); 
    border-bottom-left-radius: 7px; 
    border-bottom-right-radius: 7px;
    padding: .5rem 1rem; 
} 

.collapsible-content p { 
    margin-bottom: 10px; 
}