@font-face {
    font-family: 'jean-is-dead';
    font-weight: normal;
    src: url('/static/fonts/jean_is_dead.ttf');
}

html,
body {
    background: black;
    font-family: 'jean-is-dead', sans-serif;
    /* smooth the fonts */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;


    /* hide overflow */

}

* {}

input,
input:before,
input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

body, 
#__next {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* height: 100%; */
  overflow: hidden;
}


#constellation {
}

/* total width */
*::-webkit-scrollbar {
    background-color:none;
    width:1px;
}

/* background of the scrollbar except button or resizer */
*::-webkit-scrollbar-track {
    background-color: #9b5e6d;
}
*::-webkit-scrollbar-track:hover {
    /* background-color:#f4f4f4 */
}

/* scrollbar itself */
*::-webkit-scrollbar-thumb {
    background-color: #bd4966;
    border-radius:16px;}
*::-webkit-scrollbar-thumb:hover {
    background-color:#c15a74;
}

/* set button(top and bottom of the scrollbar) */
*::-webkit-scrollbar-button {display:none}