/* Thème Geocities — GIFs, couleurs saturées, Comic Sans, 1998. */
body {
    background: #000080;
    background-image:
        repeating-linear-gradient(45deg, #ff00ff22 0px, transparent 10px),
        repeating-linear-gradient(-45deg, #00ffff22 0px, transparent 10px);
    color: #ffff00;
    font-family: 'Comic Sans MS', 'Comic Sans', cursive;
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><text y="12" font-size="12">⭐</text></svg>'), auto;
}

main#contenu {
    background: rgba(0, 0, 128, 0.92);
    border: 6px ridge #c0c0c0;
    padding: 2rem;
    box-shadow: 0 0 30px rgba(255, 255, 0, 0.2);
}

main#contenu h1 {
    color: #ffff00;
    text-shadow: 3px 3px 0 #ff0000, 6px 6px 0 rgba(0,0,0,0.3);
    font-size: 2.5rem;
}

.sous-titre {
    color: #00ffff;
    text-shadow: 1px 1px 0 #000;
}

.description-page {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.3);
    padding: 1rem;
    border: 2px dotted #ff00ff;
}

nav#liens {
    background: rgba(0, 0, 128, 0.85);
    border: 4px ridge #c0c0c0;
    padding: 1rem;
}

nav#liens a {
    color: #ffff00;
    background: #000080;
    border: 3px outset #808080;
    font-family: 'Comic Sans MS', 'Comic Sans', cursive;
    font-size: 1rem;
    text-shadow: 1px 1px 0 #000;
}

nav#liens a:hover {
    background: #0000ff;
    border-style: inset;
    color: #ffffff;
    box-shadow: 0 0 15px rgba(255, 255, 0, 0.4);
}

.toaster {
    --toaster-bg: #000080;
    --toaster-text: #ffff00;
    --toaster-border: #ff00ff;
    --toaster-font: 'Comic Sans MS', cursive;
    border-width: 3px !important;
    border-style: ridge !important;
}