body {
            font-family: sans-serif;
            background-color: #000
        }
        table {
            border-collapse: collapse;
            margin-top:15px
        }

        /* Estilo para links */
        a{  
            
            font-family: 'proxima-soft', sans-serif;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        a:link{
            font-family: 'proxima-soft', sans-serif;;
            background-color: transparent;
            text-decoration: none;
            font-size: 20px;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        a:visited{
            font-family: 'proxima-soft', sans-serif;
            color: #defbff;
            background-color: transparent;
            text-decoration: none;
        }

        a:hover{
            font-family: 'proxima-soft', sans-serif;
            color: #7d64c0dc;
            background-color: transparent;
            text-decoration: none;
            transition: color 0.3s ease, font-size 0.3s ease;
        }

        .links-collapse {
            font-family: 'proxima-soft', sans-serif;
            color: #ffffff;
            background-color: transparent;
            text-decoration: none;
            font-size: 20px;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        /* Classe para todos os botões */
        .btn{
            border: none;
            background-color: inherit;
            padding: 2px 15px;
            font-size: 16px;
            cursor: pointer;
            display: inline-block

        }
        .btn:hover{
            background-color: transparent ;
            transform: scale(1.2);
            transition: 0.2s ease;
        }

        /* Botão de bye do HOME*/
        .bye{
            color: cyan;
            font-size: 18px;
            padding: 10px
        }

        .bye:hover{
            background-color: blueviolet;
            color: white;
            border-radius: 10px;
            transition: background-color 0.5s ease, color 0.5s ease, transform 0.5s ;
            transform: scale(1.2);
            opacity: 0.8;
        }

        /* Botão inválido*/
        .invalid-btn{
            border: none;
            background-color: inherit;
            padding: 2px 15px;
            font-size: 16px;
            cursor: not-allowed;
            display: inline-block;
            color: gray;
            opacity: 0.5;
        }

        /* Base das páginas */
        .container-central {
            position: absolute;
            width: 100%;
            margin: 0 auto;
            min-height: 100vh;
        }

        .tabela-central {
            width: 100%;
            margin: 0 auto;
            background-color: rgb(11, 13, 15);
        }

        /* Linha vertical esquerda e direita */
        .linha-vertical-esquerda {
            position: absolute;
            top: 0;
            left: 0;
            width: 2px;
            height: 100%;
            background: white;
            z-index: 10;
        }

        .linha-vertical-direita {
            position: absolute;
            top: 0;
            right: 0px;
            width: 2px;
            height: 100%;
            background: white;
            z-index: 10;
        }

        /* Listas */
        ol, ul {
        position: relative;
        width: 400px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        }   

        li{
            margin-bottom: 12px; 
        }

        /* Estilo para o botão de colapsar */
        .collapsible {
            border-radius: 10px;
            text-align: center;
            font-family: 'proxima-soft', sans-serif;
            font-size: 18px;
            margin-top: 15px;
            background-color: rgba(47, 6, 112, 0.445);
            color: white;
            cursor: pointer;
            margin: 8px;
            padding: 20px;
            padding-bottom: 20px;
            width: auto;
            border: none;
            text-align: left;
            outline: none;
        }

        .active, .collapsible:hover {
        background-color: #ca9ad66c;
        }

        .collapsible:after {
        content: '\2304';
        font-size: 14px; 
        color: white;
        float: right;  
        margin-left: 5px;
        transform: rotate(0deg);
        font-weight: bold;
        transition: ease 0.3s;    
        }

        .active:after {
        rotate: -180deg;
        transition: ease 0.3s;
        }

        .content {
            position: inherit;
            border-radius: 5px;
            padding: 2 2px;
            width: fit-content;
            background-color: #161616d2;
            color: white;
            max-height: 0;
            overflow: hidden;
            margin-left: 12px;
            transition: max-height 0.2s ease-out;
        }