/* Common Styles for Both Light and Dark Modes */

body {
    font-family: 'Satoshi', sans-serif;
    cursor: default;
}

h3 {
    text-align: center;
}

img {
    user-select: none;
    pointer-events: none;
  	margin-right: 50%;
  margin-left: -55%;
    width: 200%;
    margin-bottom: 10%;
}

#all {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 20%;
    max-height: 80vh;
    width: auto;
    height: auto;
}

/* Dark Mode Styles */

body {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}


h3 {
    font-size: 2vw;
    font-weight: 200;
    margin-top: auto;
}

#all {
    background-color: rgb(255, 255, 255);
}

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

::-webkit-scrollbar-thumb {
    background-color: white;
    border-radius: 6px;
}

::-webkit-scrollbar-track {
    background-color: black;
}

::-webkit-scrollbar-thumb:hover {
    background: #7a7a7a;
}

::-webkit-scrollbar-thumb:active {
    background: #3f3f3f;
}

::-moz-selection {
    background: rgb(153,26,42);
}

::selection {
    background: rgb(153,26,42);
}