html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}

.collapsible {
    float: right;
    transition: transform 0.5s;
}

.collapsible:hover:not(.active) {
    transform: translateY(-5px);
    cursor: pointer;
}

.collapsible.active {
    transform: rotate(0.5turn);
}

.collapsible.active:hover {
    transform: rotate(0.5turn) translateY(-5px);
    cursor: pointer;
}

.collapse {
    overflow: hidden;
    max-height: 100%;
    transition: max-height 0.5s;
}