body {
    background-image: url("kepek/bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #212529;
}

h1,
h2,
h3 {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-weight: bold;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
    line-height: 1.3;
}

.highlight
{
    border: 2px solid lightblue;
  padding: 4px;
  text-decoration: none;
}

p,
figcaption,
a,
table,
td,
th,
caption {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1rem;
}


a {
    color: #0056b3;
    text-decoration: underline;
}

a:visited {
    color: #6c757d;
}

a:hover,
a:active {
    color: #003974;
    text-decoration: underline;
}

nav a,
.menu a,
ul.nav a {
    text-decoration: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    padding: 0.75rem;
    border: 1px solid #dee2e6;
    text-align: left;
    vertical-align: top;
}

caption {
    caption-side: top;
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-align: left;
    color: #495057;
}

figcaption {
    box-shadow: 5px 10px #888888;
}



body.accessible {
    background-color: black !important;
    color: yellow !important;
    font-size: 1.25rem !important;
    line-height: 1.6;
    letter-spacing: 0.05em;
}

body.accessible h1,
body.accessible h2,
body.accessible h3,
body.accessible p,
body.accessible a,
body.accessible li,
body.accessible td,
body.accessible caption,
body.accessible th {
    color: yellow !important;
    text-transform: uppercase;
}


body.accessible .btn,
body.accessible .card,
body.accessible .navbar,
body.accessible .container,
body.accessible .bg-light,
body.accessible .bg-white {
    background-color: black !important;
    color: yellow !important;
    border-color: yellow !important;
}


body.accessible a:hover {
    color: white !important;
    text-decoration: underline;
}

body.accessible table {
    background-color: black !important;
    color: yellow !important;
    border-color: yellow !important;
}

body.accessible th,
body.accessible td {
    background-color: black !important;
    color: yellow !important;
    border: 1px solid yellow !important;
}