/* ----------------------------------
        MARK: LEGAL SECTION
---------------------------------- */
#box_legal {
    background: #202a71;
    border-top: 0.8em solid #3c4eca;
}

#legal_wrapper_full {
    padding-block: 6em;
    word-break: break-word;
}

#legal_wrapper_full p, #legal_wrapper_full li {
    --max-font-size: 13;
    --min-font-size: 13;
    color: #a8c5ff;
	margin: .5em 0;
}

#legal_wrapper_full ul {
    margin-left: 4px;
    padding-left: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
}

#box_legal.dark_mode {
    background: #000;
    border-top: 0.8em solid #2EC5F4;
}


/* ----------------------------------
        MARK: NAV BUTTON
---------------------------------- */
#nav_wrapper {
    position: absolute;
    top: 1em;
    left: 1em;
    z-index: 80;
    display: block;
}

#nav_icon_wrapper {
    cursor: pointer;
    width: 2.8125em;
    height: 2.8125em;
    position: relative;
    border: solid 0.125em #ffffff;
    background-color: #000000;
    box-sizing: border-box;
    transition: 0.15s background;
}

#nav_icon_wrapper svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#nav_icon_wrapper:hover {
    background-color: #474747;
}