```css
/* =========================================
   2000's REIMAGINED
   Main Website Theme
   ========================================= */


/* ---------- BASIC PAGE ---------- */

body {
    margin: 0;
    padding: 0;

    background-color: #07111F;
    color: #EAF4FF;

    font-family: Arial, Helvetica, sans-serif;
}


/* ---------- MAIN WEBSITE ---------- */

.site {
    width: 1000px;
    margin: 30px auto;
    padding: 15px;

    background-color: #15283D;

    border: 2px solid #1683E8;
    border-radius: 8px;

    box-shadow:
        0 0 20px rgba(0, 0, 0, 0.6),
        inset 0 0 20px rgba(77, 217, 255, 0.05);
}


/* ---------- HEADER ---------- */

header {
    padding: 20px;

    background: linear-gradient(
        #4DB9FF,
        #0874C9
    );

    border: 2px solid #8DD9FF;
    border-radius: 6px;

    box-shadow:
        inset 0 2px 0 rgba(255, 255, 255, 0.4),
        0 3px 8px rgba(0, 0, 0, 0.5);
}


/* ---------- MAIN LAYOUT ---------- */

.layout {
    display: flex;
    gap: 15px;

    margin-top: 15px;
}


/* ---------- SIDEBAR ---------- */

.sidebar {
    width: 180px;
    flex-shrink: 0;

    padding: 15px;

    background-color: #0D1C2D;

    border: 2px solid #246A9E;
    border-radius: 6px;
}


/* ---------- MAIN CONTENT ---------- */

.content {
    flex: 1;

    padding: 20px;

    background-color: #102338;

    border: 2px solid #246A9E;
    border-radius: 6px;
}


/* ---------- CONTENT BOXES ---------- */

.box {
    margin-bottom: 15px;
    padding: 15px;

    background: linear-gradient(
        #1B3852,
        #132A40
    );

    border: 1px solid #3D8FC4;
    border-radius: 5px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 2px 5px rgba(0, 0, 0, 0.4);
}


/* ---------- HEADINGS ---------- */

h1 {
    margin: 0;

    color: white;

    font-size: 32px;

    text-shadow:
        2px 2px 0 #07558F,
        0 0 8px rgba(255, 255, 255, 0.4);
}


h2 {
    color: #4DD9FF;

    border-bottom: 1px solid #246A9E;

    padding-bottom: 5px;
}


/* ---------- TEXT ---------- */

p {
    line-height: 1.6;
}


/* ---------- LINKS ---------- */

a {
    color: #4DD9FF;

    text-decoration: none;
}


a:hover {
    color: white;

    text-shadow:
        0 0 6px #4DD9FF;
}


/* ---------- NAVIGATION ---------- */

.sidebar a {
    display: block;

    margin-bottom: 6px;
    padding: 8px 10px;

    background: linear-gradient(
        #286D9F,
        #174665
    );

    color: white;

    border: 1px solid #4B9DCE;
    border-radius: 4px;

    text-decoration: none;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}


.sidebar a:hover {
    background: linear-gradient(
        #3D91C7,
        #1C5B86
    );

    color: white;

    transform: translateX(2px);
}


/* ---------- FOOTER ---------- */

footer {
    margin-top: 15px;
    padding: 10px;

    background-color: #0D1C2D;

    border: 1px solid #246A9E;
    border-radius: 5px;

    text-align: center;

    color: #9BAEC2;

    font-size: 12px;
}


/* ---------- IMAGES ---------- */

img {
    max-width: 100%;
    height: auto;
}