/*
* dikkenek.ovh CSS - Free to distribute and adapt under the CC BY 4.0 Attribution International License https://creativecommons.org/licenses/by/4.0/
*/

@media (prefers-color-scheme: dark) {
    svg {
      background-color: #000000;
    }
}

body {
    font-family: Lato, Arial, sans-serif;
    color: #fff;
    background-color: #000;
    scroll-behavior: smooth;
}

svg {
    background-color: #000000;
    color-scheme:light dark;
}

.navscript {
    --bs-btn-padding-x: 0.5rem;
}

.dropdown-menu {
    --bs-dropdown-link-color: var(--bs-btn-color);
    --bs-dropdown-link-hover-color: var(--bs-btn-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: var(--bs-btn-active-color);
    --bs-dropdown-link-active-bg: var(--bs-btn-active-bg);
    --bs-dropdown-link-disabled-color: var(--bs-btn-color);
}

.svg-inline--fa { 
    background-color: transparent; 
}

/* Citation */
.blockquote-cite-unique {
    margin-top: -1.5rem !important;
    font-size: 1.25rem;
}

.blockquote-cite-serie {
    margin-top: 1rem !important;
    font-size: 1.25rem;
}

.blockquote-cite-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -50px;
    left: 20px;
}

.copy-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.tip {
    background-color: #464426;
    padding: 0 14px;
    line-height: 27px;
    position: absolute;
    border-radius: 4px;
    z-index: 100;
    color: #fff;
    font-size: 12px;
    animation-name: tip;
    animation-duration: .6s;
    animation-fill-mode: both
}

.tip:before {
    content: "";
    background-color: #464426;
    height: 10px;
    width: 10px;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: -4px;
    left: 36px
}

#copied_tip {
    animation-name: come_and_leave;
    animation-duration: 1s;
    animation-fill-mode: both;
    bottom: -35px;
    left:-36px
}

.text-line {
    font-size: 14px
}

/* Script */
.script {
    font-family: 'Courier New', Courier, monospace;
}

.scene-anchor {
    scroll-margin-top: 210px;
}

/* Trivia */
.trivia-anchor {
    scroll-margin-top: 160px;
}