@font-face {
  font-family: 'Righteous';
  src: url('../fonts/Righteous-Regular.ttf') format('truetype');
}

html,
body {
  /* margin: 0;
  padding: 0;
  overflow-x: hidden; */
  font-family: "Righteous";
}

.dialContainer {
  padding-top: 5px;
  cursor: pointer;
  width: 450px;
  height: 450px;
  background-color: black;
  border-radius: 50%;
  border: 20px solid silver;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}