.border {
  border: 2px solid black;
  ;
  /* margin: 3px; */
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}


.items-center {
  align-items: center;
}


.rounded {
  border-radius: 7px;
}

.m-1 {
  margin: 5px;
}

.p-1 {
  padding: 10px;
}


.opacity-70 {
  opacity: 0.7;
}

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

::-webkit-scrollbar:horizontal {
  display: none;
}

::-webkit-scrollbar-track {
  background: #1e1e1e;
}

::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: #777;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #555 #1e1e1e;
}

html {
  overflow-x: hidden;
}