@import url('https://fonts.googleapis.com/css2?family=Charmonman:wght@400;700&family=Coral+Pixels&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Estonia&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Special+Elite&display=swap');

:root {
    --bg-principal: white;
    --bg-secundario: #d4e0ee6b;
    --texto-principal: #292b37;
    --texto-secundario: #6C6C6A;
}

::selection {
    background-color: var(--texto-principal);
    color: var(--bg-principal);
}

body {
    margin: 0;
    background-color: var(--bg-principal);
    color: var(--texto-principal);
    font-family: 'spectral', sans-serif !important;
    cursor: url(https://www.rw-designer.com/cursor-extern.php?id=150520), auto;
}

a {
    cursor: url(https://www.rw-designer.com/cursor-extern.php?id=150520), pointer;
}

footer {
    width: 100%;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--texto-principal);
    color: var(--bg-principal);
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--texto-principal);
    border: 1px solid var(--texto-principal);
}

::-webkit-scrollbar-track {
    background-color: var(--bg-principal);
    border: none;
}