/* BASE */
html {
    background: #479B6A;
}

body {
    margin: 0;
    font-family: "Comic Neue", "Comic Sans MS", cursive;
    background: linear-gradient(
        to bottom,
        #479B6A,
        #59AD71,
        #6DB873,
        #79C070,
        #E1D3ED
    );
    color: #000;
}

/* HEADER */
.site-header {
    background: #000;
    border-bottom: 6px double #ff00ff;
    text-align: center;
    padding: 25px;
}

.site-title {
    font-family: "Orbitron", sans-serif;
    font-size: 48px;
    color: #ff00ff;
    text-shadow: 3px 3px #00ffff, -2px -2px #ffff00;
    letter-spacing: 6px;
}

/* LAYOUT */
.container {
    width: 95%;
    max-width: 1000px;
    margin: 20px auto;
}

/* PROFILE */
.profile-section {
    background: #000;
    border: 8px outset #ff00ff;
    padding: 20px;
    margin-bottom: 40px;
}

.profile-pic {
    float: left;
    width: 180px;
    margin-right: 20px;
    border: 6px ridge #00ffff;
}

.profile-pic img {
    width: 100%;
    height: auto;
    display: block;
}

/* INFO */
.info-box {
    background: #111;
    border: 4px groove #ffff00;
    padding: 12px;
    margin-bottom: 12px;
}

.info-title {
    font-family: "Orbitron", sans-serif;
    font-size: 22px;
    color: #ffff00;
    text-shadow: 2px 2px #ff00ff;
}

.info-text {
    font-size: 18px;
    color: #00ffff;
}

.neurodivergent-badge {
    display: inline-block;
    margin-top: 6px;
    padding: 6px 10px;
    background: #ff00ff;
    border: 3px solid #000;
    font-weight: bold;
}

/* STATUS */
.status-box {
    background: #330000;
    border: 4px dashed red;
    padding: 10px;
}

.status-text {
    font-family: "Orbitron", sans-serif;
    color: #ff5555;
}

/* GALLERIES */
.gallery-section {
    background: #000;
    border: 8px outset #00ffff;
    padding: 20px;
    margin-bottom: 40px;
}

.gallery-section.highlight {
    background: #111;
    border: 8px double #ffff00;
}

.gallery-title {
    font-family: "Orbitron", sans-serif;
    font-size: 32px;
    color: #ff00ff;
    text-shadow: 3px 3px #00ffff;
}

/* FEATURED */
.featured-art {
    margin: 20px auto;
    padding: 10px;
    background: #000;
    border: 6px ridge #00ffff;
    max-width: 800px;
}

.featured-art img {
    width: 100%;
    height: auto;
    display: block;
}

/* ART LIST */
.main-gallery {
    margin-top: 20px;
}

.art-item {
    display: inline-block;
    margin: 8px;
    padding: 6px;
    background: #000;
    border: 5px ridge #00ffff;
    vertical-align: top;
    max-width: 220px;
}

.art-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* LINKS */
.social-links {
    text-align: center;
    margin: 30px 0;
}

.social-btn {
    display: inline-block;
    margin: 5px;
    padding: 8px 14px;
    background: #ff00ff;
    border: 4px outset #000;
    color: #000;
    font-family: "Orbitron", sans-serif;
    text-decoration: none;
}

/* FOOTER */
.site-footer {
    background: #000;
    border-top: 6px double #ff00ff;
    text-align: center;
    padding: 20px;
}

.jumpstyle-text {
    color: #ffff00;
    text-shadow: 2px 2px #ff00ff;
}

.footer-copy {
    color: #00ffff;
    margin-top: 10px;
}