body{overflow-y:scroll}
.accordion{width:100%;border-radius:5px}
.accordion-label{padding:1rem 2rem;border-bottom:2px solid var(--color2b);display:block;color:var(--wht);font-weight:500;font-size:1.5rem;cursor:pointer;position:relative;text-align:center;transition:0.5s}
.top-level{border-radius:1em;background-color:var(--color1a)}
.sub-level{background-color:var(--color1b)}
.accordion-label:hover{border-bottom:2px solid var(--wht);transform:scale(1.03);font-weight:bold}
.top-level:hover{background-color:var(--color2a)}
.sub-level:hover{background-color:var(--color2b)}
.accordion-label:hover::before{border-left:10px solid var(--wht)}
.accordion-label::before{content:'';position:absolute;height:0;width:0;top:50%;transform:translateY(-50%);left:30px;display:inline-block;border-left:10px solid var(--color2b);border-top:10px solid transparent;border-bottom:10px solid transparent;background-size:contain;transition:transform 0.4s}
.accordion-content{padding:0 min(1rem,1%);background:var(--wht);text-align:justify;color:var(--blck);max-height:0;overflow:hidden;transition:all 0.5s;
    .pad{padding-top:1rem}
    p{padding-bottom:1rem}
}
h2{padding:0 0 0.5em}
.table{padding:0 0 2rem}
.inner-content{background:none}
.accordion-input{display:none}
.accordion-input:checked~.accordion-content{max-height:10000px}
.accordion-input:checked~.accordion-label:before{transform:translateY(-50%) rotate(0.25turn);border-left:10px solid var(--wht)}
.accordion-input:checked~.accordion-label{transform:scale(1.03);font-weight:bold}
.accordion-input:checked~.top-level{background-color:var(--color2a);border-radius:1em 1em 0 0}
.accordion-input:checked~.sub-level{background-color:var(--color2b)}
.profile-pic{float:left;padding:0 1em 0 0;max-width:50%;height:auto}
.secondary-pic{float:right;padding:0 0 0 1em;max-width:500px;width:100%;height:auto}
.main-pic{width:100%;height:auto;max-width:100%}
.inner{display:inline-block;text-align:center}
.corda{width:20px;height:100px;display:inline-block}
.crua{background:repeating-linear-gradient(45deg,#aaa,#fee 20px,#aaa 10px,#fee 20px)}
.verde{background:repeating-linear-gradient(45deg,#060,#080 20px,#060 10px,#080 20px)}
.amarela{background:repeating-linear-gradient(45deg,#aa0,#ff0 20px,#aa0 10px,#ff0 20px)}
.cinza{background:repeating-linear-gradient(45deg,#666,#aaa 20px,#666 10px,#aaa 20px)}
.azul{background:repeating-linear-gradient(45deg,#008,#00f 20px,#008 10px,#00f 20px)}
.branca{background:repeating-linear-gradient(45deg,#ddd,#fff 20px,#ddd 10px,#fff 20px)}
.contra{background:repeating-linear-gradient(45deg,#060,#080 12.5%,#aa0 12.5%,#ff0 25%,#008 25%,#00f 37.5%,#060 37.5%,#080 50%,#aa0 50%,#ff0 62.5%,#008 62.5%,#00f 75%,#060 75%)}
.mestre1{background:repeating-linear-gradient(45deg,#060,#080 12.5%,#ccc 12.5%,#fff 25%,#060 25%,#080 37.5%,#ccc 37.5%,#fff 50%,#060 50%,#080 62.5%,#ccc 62.5%,#fff 75%,#060 75%)}
.mestre2{background:repeating-linear-gradient(45deg,#AA0,#FF0 12.5%,#ccc 12.5%,#fff 25%,#AA0 25%,#FF0 37.5%,#ccc 37.5%,#fff 50%,#AA0 50%,#FF0 62.5%,#ccc 62.5%,#fff 75%,#AA0 75%)}
.mestre3{background:repeating-linear-gradient(45deg,#008,#00F 12.5%,#ccc 12.5%,#fff 25%,#008 25%,#00F 37.5%,#ccc 37.5%,#fff 50%,#008 50%,#00F 62.5%,#ccc 62.5%,#fff 75%,#008 75%)}