#main {
  height: 64.9vw;
  width: 100vw;
  max-height: 100%;
}

#main.mobile {
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; 
}

/* these animations cause issues on early macOS in-app Safari browsers */
.ant-btn {
	-webkit-transition: none !important;
	transition: none !important;
}

body {
  background-color: #6ea3b7;
}

.ant-spin-dot .ant-spin-dot-item:nth-child(even) {
  background-color: #800000;
}

.ant-spin-dot .ant-spin-dot-item:nth-child(odd) {
  background-color: #c17d11;
}

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

.transparentScroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: content-box;
  min-width: 32px;
  min-height: 32px;
}

.transparentScroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}