:root {
    --color0:#242424ec;
    --color8:rgba(130, 179, 15, 0.945);
    --color1:rgba(42, 42, 43, 0.750);
    --color7:rgba(78, 78, 78, 0.986);
    --color2:rgb(41, 88, 97);
    --color3:rgba(255, 255, 255, 0.651);
    --color4:rgb(226, 226, 226);
    --color5:#f68b29;
    --color6:rgb(139, 139, 139);
    --color9:rgba(112, 112, 112, 0);
    --color10:rgba(112, 112, 112, 0.904);
    --colortransp:rgba(255, 255, 255, 0);
    --bordersize:2px;
}

main {
    background-color: var(--color3);
    display: flex;
    justify-content: center;
}

#c1 {
    opacity: 0.5;
    position: fixed;
    z-index: -1;
    height: 100vh;
}

#Container-Dados {
    display: grid;
    height: 100vh;
    grid-template-columns: auto auto;
    grid-template-rows: 10vh 70vh 10vh ;
}


video {
    height: 100vh !important;
}


.item1,
.item2 {
    grid-column-start: 1;
    grid-column-end: 3;
}

.item1 {
    display: flex;
    align-items: center;
    justify-content: start;
}

.item2 {
    display: flex;
}

.Controle-Listas {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    padding: 2vw;
}

.Lista-1,
.Lista-2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}

.Lista-2 {
    margin-left: 2vw;
}

.item4,
.item5 {
    display: flex;
    justify-content: center;
    align-items: center;
}

h1 {
    font-size: 3vh !important;
    font-weight: bolder !important;
    color: var(--color5) !important;
}

h3 {
    font-size: 2vh !important;
    color: var(--color7) !important;
}

strong {
    font-weight: bolder !important;
}

img {
    height: 5vh;
    width: auto;
}

.uli-tem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer1 {
    position: absolute;
    display: flex;
    bottom: 0;
    width: 100vw;
    background-color: var(--color1);
    background-color: var(--color0) !important;
    border-bottom: var(--bordersize)  solid var(--color5);
    border-top:  var(--bordersize) solid var(--color5);
    padding: 0;
    height: 5vh;
    align-items: center;
    justify-content: flex-end !important;
    padding: 0 2vw 0 0;
}

.img-footer {
    height: 25px !important;
    width: auto !important;
}

h5 {
    font-size: 2vh;
    color: var(--color4);
    align-self: flex-end;
}