:root {
  --main-bg-color: #000000;
  --main-color: #CFCCA3;
  --main-disabled-color: #837D3C;

  --main-2-color: #FEFEFD;
  --main-3-color: #A29B4C;
  --main-4-color: #565656; 
}

body {
  background-color: var(--main-bg-color);
  color: var(--main-color);
  font-family: "Open Sans", sans-serif;
}

a:link {
  color: var(--main-3-color);
}

a:visited {
  color: var(--main-color);
}
a:hover {
  color: var(--main-color);
}

a:active {
  color: var(--main-2-color);
}

.center {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  text-align: center;
}