#main {
  width: 100vw;
  height: 72.5vw;
}

#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;
}

.ant-btn-primary {
  background: #ff7618;
  border-color: #ff7618;
}

.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  border-color: #c7570c;
}

.ant-btn-primary.ant-btn:hover,
.ant-btn-primary.ant-btn:focus,
.ant-btn-primary.ant-btn:active {
  background: #c7570c;
  border-color: #c7570c;
  color: white;
}

.ant-btn-round:hover,
.ant-btn-round:focus,
.ant-btn-round:active {
  color: #c7570c;
}

body {
  background-color: #ffda85;
}

.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);
}