* {
            margin: 0;
            padding: 0;
        }
        
         ::-webkit-scrollbar {
            width: 0;
        }
        
        body {
            background-color: black;
            overflow-y: scroll;
        }
        
        a {
            color: #fff;
            text-decoration: none;
            transition: 0.3s;
            cursor: crosshair;
        }
        
        a:hover {
            text-decoration: underline;
            cursor: crosshair;
        }
        
        .nav-list li:hover {
            color: yellowgreen;
            text-shadow: 0px 0px 10px rgb(166, 166, 166);
            transform: skewX(-30deg);
        }
        
        .filtros:hover {
            color: yellowgreen;
            text-shadow: 0px 0px 10px rgb(166, 166, 166);
            transform: skewX(-30deg);
        }
        
        img {
            width: 15vw;
        }
        
        img:hover {
            opacity: 100%;
            z-index: 1;
        }
        
        .imagens:hover {
            cursor: help;
        }
        
        p {
            color: white;
            font-size: 1.3vmax;
            font-family: sans-serif;
            font-weight: 200;
            padding-top: 2%;
            padding-left: 3%;
            padding-right: 55%;
            display: flow-root;
            line-height: 1.4;
        }
        
        button {
            color: white;
            font-size: 2.5vmin;
            font-weight: 100;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: sans-serif;
            background: none;
            border: none;
            padding-left: 1.2%;
            padding-right: 1.2%;
        }
        
        button:hover {
            color: yellowgreen;
            text-shadow: 0px 0px 10px rgb(166, 166, 166);
            transform: skewX(-30deg);
        }
        
        .imgbtn:hover {
            color: yellowgreen;
            text-shadow: 0px 0px 10px rgb(166, 166, 166);
            transform: scale3d()
        }
        
        nav {
            font-size: 2.5vmin;
            font-weight: 100;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: sans-serif;
            background: black;
            height: 7vh;
            border-bottom: 1px solid white;
            padding-left: 1.2%;
            padding-right: 3.2%;
        }
        
        main {
            background-color: black;
            height: 100%;
            overflow-y: scroll;
        }
        
        .nav-list {
            list-style: none;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: stretch;
            justify-content: center;
            align-items: center;
        }
        
        .nav-list li {
            margin-left: 28px;
        }
        
        .about {
            overflow: scroll;
            position: absolute;
            padding-top: 5%;
            height: auto;
            width: 100%;
            display: none;
            background-color: black;
            overflow-y: scroll;
        }
        
        .sortable {
            position: absolute;
            font-family: sans-serif;
            font-weight: 400;
            padding-top: 0.5%;
            height: auto;
            word-break: break-word;
            background-image: linear-gradient(to right, hsl(0, 100%, 50%), orange, yellow, rgb(0, 255, 0), rgb(31, 31, 255), rgb(149, 0, 255), rgb(255, 0, 255));
            z-index: 9;
            border-right: 1px solid black;
            font-size: 1.9vmin;
            margin-left: 53%;
            top: 5%;
            padding-bottom: 2.5%;
            width: 100%;
            cursor: ew-resize;
            height: 100%;
            overflow: scroll;
        }
        
        input {
            color: white;
            font-size: 2.5vmin;
            font-weight: 100;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: sans-serif;
            background: black;
            height: 8vh;
            border: none;
            padding-left: 1.2%;
            padding-right: 1.2%;
        }
        
        input:hover {
            color: yellowgreen;
            text-shadow: 0px 0px 10px rgb(166, 166, 166);
            transform: skewX(-15deg);
        }
        
        th,
        td {
            text-align: left;
            padding: 0.5em;
            border-bottom: 0.5px solid black;
            color: rgb(0, 0, 0);
            word-break: break-word;
            font-size: 1vmax;
            word-break: keep-all;
        }
        
        #kok {
            width: 28em;
        }
        
        #kak {
            width: 9em;
        }
        
        #kek {
            width: 32em;
        }
        
        #kxk {
            width: 13em;
            word-break: keep-all;
        }
        
        .tabela {
            background: none;
            font-size: 1vmax;
            margin: 0;
            padding: 0;
            text-align: left;
        }
        
        img {
            width: 15vw;
        }
        
        img:hover {
            transform: none;
        }
        
        .modal::backdrop {
            background: rgb(0, 0, 0);
        }
        
        .author {
            color: black;
        }
        
        #mytable {
            overflow-y: visible;
            background-color: none;
        }
        
        .modaltexto {
            padding-right: 15%;
        }
        
        #efeito:hover {
            color: yellowgreen;
            text-shadow: 0px 0px 10px rgb(166, 166, 166);
            transform: skewX(-20deg);
        }
        
        .sortable:hover {
            cursor: ew-resize
        }
        
        table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
            content: " \25B4\25BE";
        }
        /* The Modal (background) */
        
        .modal {
            display: none;
            /* Hidden by default */
            position: fixed;
            /* Stay in place */
            z-index: 1;
            /* Sit on top */
            left: 0;
            top: 0;
            width: 100%;
            overflow: scroll;
            /* Full width */
            height: 102%;
            /* Full height */
            /* Enable scroll if needed */
            background-color: rgb(0, 0, 0);
            /* Fallback color */
            background-color: rgba(0, 0, 0, 0.4);
            /* Black w/ opacity */
        }
        /* Modal Content/Box */
        
        .modal-content {
            background-image: linear-gradient(to right, hsl(0, 0%, 0%), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(149, 0, 255), rgb(255, 0, 255));
            margin-left: 0%;
            margin-right: 0%;
            margin-top: 7vh;
            /* 15% from the top and centered */
            padding: 20px;
            border: 0.5px solid rgb(255, 255, 255);
            height: 100%;
            overflow: hidden;
        }
        
        .modal-content iframe {
            width: 85%;
            height: 100%;
            border: none;
            overflow: hidden;
        }
        /* The Close Button */
        
        .close {
            color: white;
            float: right;
            font-size: 4vmax;
            font-weight: bold;
            cursor: pointer;
        }
        
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            text-shadow: 0px 0px 10px rgb(166, 166, 166);
            cursor: pointer;
        }
        
        #no_selected {
            opacity: 50%;
        }
        
        #no_selected:hover {
            opacity: 100%;
        }
        
        footer {
            display: flex;
            color: white;
            flex-direction: column-reverse;
            align-content: flex-start;
            justify-content: center;
            z-index: 999999;
            font-size: 1.1vmax;
            width: 100%;
            background-color: black;
            height: 5vh;
            position: sticky;
            align-items: baseline;
            flex-wrap: nowrap;
            padding-left: 2.7%;
            font-family: sans-serif;
            font-weight: 300;
            bottom: 0;
            position: fixed;
            border-top: 0.5px solid white;
        }
        
        .PDF {
            font-size: 1.1vmax;
            margin-bottom: 1%;
        }
        
        .PDF:hover {
            color: yellowgreen;
            text-decoration: underline;
            padding: 1%;
        }
        
        .dis {
            width: 74ch;
            animation: typing 5s steps(55), blink .5s step-end infinite alternate;
            white-space: nowrap;
            overflow: hidden;
            border-right: 3px solid;
            top: 0%;
            margin-top: 4.5%;
            padding-left: 2%;
            padding-right: 0%;
            padding-top: 0%;
            position: absolute;
            font-size: 1.5vmin;
        }
        
        iframe {
            height: 100%;
        }
        
        @keyframes typing {
            from {
                width: 0
            }
        }
        
        @keyframes blink {
            50% {
                border-color: transparent
            }
        }
        
        @media only screen and (max-width: 600px) {
            .modaltexto {
                padding-right: 5%;
            }
            nav {
                font-size: 1.9vmin;
                font-weight: 100;
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-family: sans-serif;
                background: black;
                height: 5vh;
                border-bottom: 1px solid white;
                padding-left: 1.2%;
                padding-right: 3.2%;
            }
            .about {
                overflow: scroll;
                position: absolute;
                padding-top: 10%;
                height: 110%;
                width: 100%;
                display: none;
                background-color: black;
            }
            footer {
                display: flex;
                color: white;
                flex-direction: column-reverse;
                align-content: flex-start;
                justify-content: center;
                z-index: 999999;
                font-size: 1.1vmax;
                width: 100%;
                background-color: black;
                height: 3vh;
                position: sticky;
                align-items: baseline;
                flex-wrap: nowrap;
                padding-left: 2.7%;
                font-family: sans-serif;
                font-weight: 300;
                bottom: 0;
                position: fixed;
                border-top: 0.5px solid white;
            }
            .sortable {
                position: absolute;
                font-family: sans-serif;
                font-weight: 400;
                padding-top: 4.5%;
                height: auto;
                word-break: break-word;
                background-image: linear-gradient(to right, hsl(0, 100%, 50%), orange, yellow, rgb(0, 255, 0), rgb(31, 31, 255), rgb(149, 0, 255), rgb(255, 0, 255));
                z-index: 9;
                border-right: 1px solid black;
                font-size: 1.9vmin;
                margin-left: 57%;
                top: 3%;
                padding-bottom: 3.5%;
                width: 100%;
                cursor: ew-resize;
                height: 100%;
            }
            .modal-content {
                background-image: linear-gradient(to right, hsl(0, 0%, 0%), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(149, 0, 255), rgb(255, 0, 255));
                margin-left: 0%;
                margin-right: 0%;
                margin-top: 5vh;
                /* 15% from the top and centered */
                padding: 15px;
                border: 0.5px solid rgb(255, 255, 255);
                height: 100%;
                overflow: hidden;
            }
            .modal-content iframe {
                width: 85%;
                height: 100%;
                border: none;
                overflow: hidden;
            }
            button {
                color: white;
                font-size: 1.8vmin;
                font-weight: 100;
                display: flex;
                justify-content: space-between;
                align-items: left;
                font-family: sans-serif;
                background: none;
                border: none;
                padding-left: 1.2%;
                padding-right: 1.2%;
            }
            .dis {
                width: 74ch;
                animation: typing 5s steps(55), blink .5s step-end infinite alternate;
                white-space: nowrap;
                overflow: hidden;
                border-right: 3px solid;
                top: 0%;
                margin-top: 10%;
                padding-left: 2%;
                padding-right: 0%;
                padding-top: 0%;
                position: absolute;
            }
        }