@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');

:root {
    --main-color: #842D7E;
    --main-color-2: #DF9BFC;
    --main-color-3: #AE3FDD;
    --main-color-4: #8727B0;
    --main-opa-color: rgba(132,45,126,0.5);
    --main-opa-color-2: rgba(223,155,252,0.5);
    --main-opa-color-3: rgba(223,195,252,0.5);
    --ph-move-color: #BE4FCB;
    --error-color: #D70047;
    --title-color: #42015A;
    --bg-main-color: #F9ECFE;
    --bg-main-color-2: #F2D3FD;
    --bg-gry-color: #F7F7F7;
    --bg-dark-color: #1A0022;
}


.dNone {
    display: none !important;
}

footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding-top: 5vh;
}

* {
    font-family: 'PT Sans Narrow' !important;
}

html {
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    -webkit-appearance: none;
}

body::-webkit-scrollbar:vertical {
    width: 10px;
}

body::-webkit-scrollbar-button:increment,
body::-webkit-scrollbar-button {
    display: none;
}

body::-webkit-scrollbar:horizontal {
    height: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

body::-webkit-scrollbar-track {
    border-radius: 10px;
}

img {
    pointer-events: none;
}

.zoom {
    transform: scale(1.2);
    transition: ease-in-out 0.5s;
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0.75rem 1.25rem;
    z-index: 1000000000;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: rgb(45, 0, 45);
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}