html  {
  font-family: 'Unifont', monospace;
  font-size: 20px;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: #ccc;
}

.challenges-page ::-webkit-scrollbar-thumb {
  background: #555;
}

a,
a:visited {
  color: #8b43e4;
}

.uppercase {
  text-transform: uppercase;
}

.bordered-corner {
  position: absolute;
  width: 1vw;
  height: 1vw;
}

.bordered-corner.top-left {
  top: 0;
  left: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

.bordered-corner.top-right {
  top: 0;
  right: 0;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}

.bordered-corner.bottom-right {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.bordered-corner.bottom-left {
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #000;
}

.retro-border-effect {
  position: relative;
}

.retro-border-effect:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}