body, html {
    margin: 0; /* Reset body margin */
    padding: 0; /* Reset body padding */
    width: 100%;
    background-color: #F2EFEA;
    height: 100%;
    max-width: 100vw;
    overflow: hidden;
}

h2 {
  font-weight: 400;
}

.custom-scrollbar {
    width: 100vw;
    height: 100vh;
    overflow-y: scroll; /* Enable scrolling within this block */
    position: relative;
    overflow-x: hidden;
    z-index: 100000;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 10px;
    position: absolute; /* Position the scrollbar on top of the content */
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #F2EFEA; /* Make the track fully transparent */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #CEC8C0; /* Adjust alpha for transparency */
    border-radius: 5px; /* Optional: add rounded corners */
    border: none; /* Remove border for a cleaner look */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #AFA89F; /* Adjust alpha for transparency */
}

/* ELEMENTI */
.vertical-separator {
    border-left: 1px solid #233619; /* Color changed to white */
    height: 16px; /* Adjust the height as needed */
}

@media (max-width: 767px) {
    .vertical-separator {
        display: none;
    }
}

body {
  cursor: url('../images/Icons/CursorStandard.png') 3 2, auto;
}

a,
button,
[role="button"] {
  cursor: url('../images/Icons/CursorHover.png') 9 3, pointer;
}