/* -------------------------------------- body */

::selection {
    color: #e8e8e8;
    background: #b0b0b0;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #aeaeae;
    box-shadow: inset 1px 1px 2px #f5efdfb3, inset -1px -1px 2px #4d4d4dc4;
}
/* -------------------------------------- container */
.container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.clique {
    display: flex;
    gap: 10px;
    border: 1px solid;
    border-image-source: url(/graphics/0_sweet-pea/border_1.gif);
    border-image-repeat: round;
    border-image-slice: 5;
    border-image-width: 5px;
    padding: 10px;
    flex-direction: column;
    width: 500px;
    justify-content: center;
}

.clique-h3 {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

.clique-span {
    font-weight: bold;
}

.clique-span::after {
    content: " : ";
}

.clique-copy {
    border: 1px dotted;
    background: white;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px;
    letter-spacing: 1px;
    height: 42px;
    color: #a9a9a9;
    font-style: italic;
}

.clique-ex {
    text-align: center;
    font-size: 11px;
}
/* -------------------------------------- cliques */
#lucky {
    background: #eef6e1;
}

#juicy {
    background: #efefef;
}

#witchy {
    background: #ded2e0;
}

#spooky {
    background: #f3ddc0;
}