@import url('https://fonts.googleapis.com/css2?family=Chewy&family=Delius+Swash+Caps&family=DynaPuff:wght@400..700&family=Homemade+Apple&family=Pacifico&family=Playwrite+NO:wght@100..400&family=Schoolbell&display=swap');

*{
    padding: 0;
    margin: 0;
}

:root{
    --main-color: #5a2f12;
    --second-color: #ffe8b6;
}

body{

    font-family: "Delius Swash Caps", cursive;
    /* font-family: "Homemade Apple", cursive; */
    font-size: 12px;
    font-style: normal;
    overflow: hidden;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background:var(--main-color);

}

/* Handle */
::-webkit-scrollbar-thumb {
  background:rgb(139, 121, 175);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: mediumpurple;
}


#cursor {
    position: fixed;
    background-color: mediumpurple;
    max-width: 200px;
    color: white;
    padding: 2px;
    pointer-events: none;
    transform: translate(-50%, -100%);
    z-index: 400;
}

.page{
  height: 100%;
  overflow: auto;
}