body {
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    font-family: "Rubik";
    overflow: hidden;
}

.main_div {
    display: flex;
    flex-direction: row;
}

.sidebar {
    width: 20vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 1.5%;
    align-items: center;
    row-gap: 5vh;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #4214C732 transparent;
}

.sidebar_heading {
    color: #F4F4F9;
    font-size: 2.5vh;
}

.sidebar_list {
    display: flex;
    flex-direction: column;
    row-gap: 1.5vh;
    padding-bottom: 5vh;
}

.sidebar_item {
    color: #F4F4F9;
    font-size: 2vh;
}

.globe_div {
    width: 80vw;
    height: 100vh;
	cursor: grab;
}

.sidebar::-webkit-scrollbar {
    width: 8px;
}

.sidebar::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar::-webkit-scrollbar-thumb {
    background: #4214C732;
    border-radius: 4px;
}

.sidebar::-webkit-scrollbar-thumb:hover {
    background: #551be632;
}