/* ~~~ DK64 CORRUPTED PAGE STYLESHEET ~~~ */

body {
    background-color: #0000FF;
    background-image: url("images/dk_background.png");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 20px;
    font-family: "Times New Roman", Times, serif;
}

.page-container {
    display: flex;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.main-content {
    flex: 1;
    min-width: 0;
}

.right-sidebar {
    width: 280px;
    flex-shrink: 0;
    position: sticky;
    top: 20px;
    align-self: flex-start;
}

.center {
    text-align: center;
}

.main-title {
    color: #FF0000;
    font-size: 48px;
    font-weight: bold;
}


.dk-title {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.dk-title img {
    image-rendering: pixelated;
    display: block;
}

.dk-subtitle {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 6px;
}

.dk-subtitle img {
    image-rendering: pixelated;
    display: block;
}

.dk-header {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.dk-title-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sprite {
    vertical-align: middle;
    margin: 0 20px;
    image-rendering: pixelated;
}

.desc-info {
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
}

.desc-info-left {
    text-align: left;
}

.story-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
}

.links-panel {
    width: 100%;
    background-color: #FF00FF;
    border: 6px solid #00FF00;
}

.links-panel td {
    padding: 15px;
}

.links-header {
    color: #FFFF00;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.links-content {
    margin-top: 12px;
}

.links-content a {
    display: block;
    color: #00FFFF;
    font-weight: bold;
    text-decoration: underline;
    margin: 6px 0;
}

.links-content a:hover {
    color: #FFFF00;
}