/* -------------------------------------- body */
body {
    background: #ffeef1;
}

a {
    color: var(--black) !important;
}

.border-bottom {
    width: -webkit-fill-available;
}

.cont-text3 {
    width: -webkit-fill-available;
    text-align: right;
    font-style: italic;
}

.cont-span {
    font-weight: bold;
}
/* -------------------------------------- container */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.cont-h2 {
    font-family: georgia;
    font-weight: lighter;
    font-style: italic;
    letter-spacing: 2px;
    font-size: 20px;
}

.cont-h3 {
    font-family: georgia;
    font-weight: lighter;
    font-style: italic;
    letter-spacing: 2px;
}

.cont-divider {
    background: url(/graphics/minta5/div-001.gif);
    background-position: center;
    background-size: 146px;
    height: 18px;
    width: 900px;
}

.cont-text2 {
    font-size: 13px;
    font-style: italic;
    letter-spacing: 2px;
    color: #866863b5;
    text-align: center;
}

.cont-text4 {
    font-weight: bold;
    text-decoration: underline;
}
/* -------------------------------------- my buttons */
.cont-sect1 {
    display: flex;
    padding: 2px;
    width: -webkit-fill-available;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: white;
    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;
}

.cont-sectinner1 {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border: 1px dashed;
    width: -webkit-fill-available;
    height: 146px;
    overflow: auto;
}

.cont-mybuttons2 {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

details {
    display: flex;
    gap: 5px;
    user-select: none;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
}

.cont-mybuttons3 {
    display: flex;
    gap: 10px;
}

.cont-mysum {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
}

.cont-mysum::marker {
    content: url(/graphics/foollovers/icon_arrow008.gif) " ";
    padding-right: 5px;
}

details[open] > .cont-mysum::marker {
    content: url(/graphics/foollovers/icon_arrow010.gif) " ";
}

/* -------------------------------------- sections */
.cont-flex1 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    width: -webkit-fill-available;
}

.cont-sect {
    display: flex;
    padding: 2px;
    width: -webkit-fill-available;
    height: 400px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: white;
    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;
}

.cont-sectinner2 {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border: 1px dashed;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}

.cont-inflex {
    height: 332px;
    width: 235px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding-right: 5px;
}

/* -------------------------------------- cliques */
.textclique-img {
    width: 17px;
}

#smallclique-img {
    width: 10px;
}

#cliqueflex p {
    display: flex;
    font-size: 9px;
    text-transform: uppercase;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    width: -webkit-fill-available;
    justify-content: center;
    border-radius: 2px;
    border: 1px solid;
    padding: 5px;
    background: linear-gradient(to bottom, #ffffff 0%, #fdfaf5 35%, #faf3e4 100%);
    min-height: 30px;
}

.textclique-link {
    text-decoration: underline;
}

.buttonclique-link {
    display: flex;
    width: -webkit-fill-available;
    padding: 5px;
    border: 1px solid;
    border-radius: 2px;
    background: linear-gradient(to bottom, #ffffff 0%, #fdfaf5 35%, #faf3e4 100%);
    align-items: center;
    justify-content: center;
}

/* -------------------------------------- site buttons */
#siteflex {
    width: 335px;
}

.sitebuttons {
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
}

.sitebutton {
    display: flex;
    gap: 10px;
    align-items: center;
}

.sitetext {
    font-size: 11px;
    text-transform: lowercase;
}

/* -------------------------------------- navlink */
.navlink-div {
    position: fixed;
    right: 10px;
    bottom: 10px;
}

.navlink {
    border: 1px solid;
    border-radius: 5px;
}