body{
    background-color:#000;
    color:#fff;
    width:99%;
}
body{
    color:#0f0;
}
a:link{
    color:red;
}
a:visited {
    color: lightblue;
}
.menu-link {
    display: block;
    padding: 4px 8px;
    margin: 2px 0;
    color: #333;
    text-decoration: none;
    border: 1px solid #90ee90;
}
.menu-link:hover {
    color: #0066cc;
    text-decoration: underline;
}
#body {
    border: 1px solid #90ee90;
}
#links {
    border: 1px solid #90ee90;
}
.centerme {
    display: block;
    text-align: center;
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 10px;
}

/* Top section: photo left, text right */
.top-section {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.top-left {
    flex-shrink: 0;
}

.top-right {
    flex: 1;
}

.icon-right {
    float: right;
    margin-left: 10px;
}

/* Middle section: text left, photo right */
.middle-section {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.middle-left {
    flex: 1;
}

.middle-right {
    flex-shrink: 0;
}

/* Links table */
.links-section {
    margin-bottom: 20px;
}

.links-table {
    border-collapse: collapse;
    margin: 10px auto;
}

.links-table th,
.links-table td {
    padding: 6px 12px;
    text-align: left;
}

.links-table thead th {
    border-bottom: 1px solid #333;
}

/* retro table */
.retro-table {
    border-collapse: collapse;
    margin: 10px auto;
}

.retro-table th,
.retro-table td {
    padding: 6px 12px;
    text-align: left;
}

.retro-table thead th {
    border-bottom: 1px solid #333;
}

.retro-table td:first-child {
    width: 70%;
}

/* Centered text */
.center {
    text-align: center;
}

/* Nicknames */
.nicknames-section {
    text-align: center;
    margin-top: 20px;
}   
