html {
    background-image     : url("carbon-fiber-texture-background_107708-13.avif");
    background-attachment: fixed;
    background-size      : cover;
    background-color     : #272822;
}

body {
    font-family     : Arial, sans-serif;
    margin-left     : auto !important;
    margin-right    : auto !important;
    padding         : 10px 20px;
    background-color: #343434 !important;
    color           : #ffffff !important;
    line-height     : 1.6;
    border-radius   : 10px;
    border          : 2px solid black;
    max-width       : 1000px;
    box-shadow      : 5px 5px 10px black;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

h1,
#alcim {
    text-align      : center;
    background-color: #ff1818;
    padding         : 10px;
    color           : white;
    text-shadow     : 3px 5px 6px black;
    border-radius   : 5px 5px 0 0;
}

h3 {
    margin-left: 10px;
}

h3+p {
    margin-left: 10px;
}

p {
    margin-bottom: 15px;
}

.caption {
    text-align: center;
    font-size: 80%;
    margin-bottom: 10px;
}

a:link {
    color: #ff1818;
}

a:hover {
    color: #ffffff;
}

a:visited {
    color: #a51111;
}

img {
    max-width    : 100%;
    height       : auto;
    display      : block;
    margin       : 10px auto;
    border-radius: 5px;
    box-shadow   : 2px 2px 5px rgba(0, 0, 0, 0.1);
}

video {
    display  : block;
    margin   : 15px auto;
    max-width: 100%;
}

p {
    text-align: justify;
}

footer p {
    text-align: center;
}

table,
td,
th {
    border : 1px solid rgb(0, 0, 0) !important;
    padding: 5px;
}

table {
    border-collapse : collapse;
    background-color: rgb(75, 75, 75);
    caption-side    : top;
}

details,
summary,
.tablecaption {
    color: #ffffff;
}

#top {
    text-align: right;
}

#current {
    font-size: 130%;
    color: #ffffff;
    margin-top: 0 !important;
}

.nav-link {
    margin-top: 4px !important;
    margin-bottom: auto !important;
}

.nav-link:hover {
    color: #ffffff !important;
}

#cim {
    margin-bottom: 0 !important;
}

#navbar {
    background-color: #3d3d3d;
}

#kisvideo {
    min-width: 80%;
}

@media (min-width: 769px) {
    table {
        float      : right;
    }
}


@media (max-width: 768px) {

    img,
    video,
    audio {
        max-width: 100%;
    }

    table {
        float : none;
        margin: 0 auto;
    }

    h1 {
        font-size: 1.3rem;
    }
}