/* Forevs Font */
@font-face {
  font-family: Forevs;
  src: url("./fonts/Forevs/forevsdemo-medium.otf") format(woff);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Forevs;
  src: url("./fonts/Forevs/forevsdemo-mediumitalic.otf") format(woff);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Forevs;
  src: url("./fonts/Forevs/forevsdemo-bold.otf") format(woff);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Forevs;
  src: url("./fonts/Forevs/forevsdemo-bolditalic.otf") format(woff);
  font-weight: 700;
  font-style: italic;
}
/* Retail Font */
@font-face {
  font-family: Retail;
  src: url("./fonts/Retail/retaildemo-medium.otf") format(woff);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Retail;
  src: url("./fonts/Retail/retaildemo-mediumitalic.otf") format(woff);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Retail;
  src: url("./fonts/Retail/retaildemo-semibold.otf") format(woff);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Retail;
  src: url("./fonts/Retail/retaildemo-semibolditalic.otf") format(woff);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Retail;
  src: url("./fonts/Retail/retaildemo-bold.otf") format(woff);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Retail;
  src: url("./fonts/Retail/retaildemo-bolditalic.otf") format(woff);
  font-weight: 700;
  font-style: italic;
}
/* Noto Sans*/
@font-face {
  font-family: NotoSans;
  src: url("./fonts/NotoSans/notosanskr-bold.ttf") format(woff);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url("./fonts/NotoSans/notosanskr-regular.ttf") format(woff);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url("./fonts/NotoSans/notosanskr-light.ttf") format(woff);
  font-weight: 500;
  font-style: normal;
}
/* Radiance*/
@font-face {
  font-family: Radiance;
  src: url("./fonts/Radiance/radiance-regular.otf") format(woff);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Radiance;
  src: url("./fonts/Radiance/radiance-regularitalic.otf") format(woff);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Radiance;
  src: url("./fonts/Radiance/radiance-semibold.otf") format(woff);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Radiance;
  src: url("./fonts/Radiance/radiance-regularsemibolditalic.otf") format(woff);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Radiance;
  src: url("./fonts/Radiance/radiance-bold.otf") format(woff);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Radiance;
  src: url("./fonts/Radiance/radiance-bolditalic.otf") format(woff);
  font-weight: 700;
  font-style: italic;
}
body {
  background-color: #212020;
  color: #efdfbf;
  font-family: "Forevs";
  margin: 0;
  padding: 0;
}

.content {
  max-width: 800px;
  margin: 50px auto;
  padding: 20px;
  background-color: #1a1a1a;
  border-radius: 10px;
  text-align: center;
}

.dark_button {
  padding: 8px;
  margin: 4px;
  outline: none;
  border-width: 1px;
  border-color: #1a1a1a;
  border-style: solid;
  border-radius: 8px;
  font-family: Retail;
  font-size: 1em;
  font-weight: 600;
  color: #efdfbf;
  background-color: #1a1a1a;
  justify-content: center;
  align-items: center;
  transition: border-color 0.2s ease-in-out;
}

.dark_button.active {
  padding: 8px;
  margin: 4px;
  outline: none;
  border-width: 1px;
  border-color: #efdfbf;
  border-style: solid;
  border-radius: 8px;
  font-family: Retail;
  font-size: 1em;
  font-weight: 600;
  color: #1a1a1a;
  background-color: #efdfbf;
  justify-content: center;
  align-items: center;
  transition: border-color 0.2s ease-in-out;
}

.dark_button:hover {
  border-color: #efdfbf;
}

.dark_button:focus {
  border-color: #efdfbf;
  background-color: #efdfbf;
  color: #1a1a1a;
}

a {
  text-decoration: none;
}

a.dark_button {
  padding: 8px;
  margin: 4px;
  outline: none;
  border-width: 1px;
  border-color: #1a1a1a;
  border-style: solid;
  border-radius: 8px;
  font-family: Retail;
  font-size: 1em;
  font-weight: 600;
  color: #efdfbf;
  background-color: #1a1a1a;
  justify-content: center;
  align-items: center;
  transition: border-color 0.2s ease-in-out;
}

a.dark_button.active {
  padding: 8px;
  margin: 4px;
  outline: none;
  border-width: 1px;
  border-color: #efdfbf;
  border-style: solid;
  border-radius: 8px;
  font-family: Retail;
  font-size: 1em;
  font-weight: 600;
  color: #1a1a1a;
  background-color: #efdfbf;
  justify-content: center;
  align-items: center;
  transition: border-color 0.2s ease-in-out;
}

a.dark_button:hover {
  border-color: #efdfbf;
}

a.dark_button:focus {
  border-color: #efdfbf;
  background-color: #efdfbf;
  color: #1a1a1a;
}

h3 {
  font-size: 64px;
  font-family: Forevs;
  margin: 0px;
}

table {
  margin-bottom: 20px;
}
table th, table td {
  padding: 10px;
  text-align: center;
}/*# sourceMappingURL=styles.css.map */