@font-face {
  font-family: "Antimatrix";
  src: url("../font/Antimatrix_HU.ttf") format("truetype");
}

@font-face {
  font-family: "Western";
  src: url("../font/WESTERN_HU.TTF") format("truetype");
}

@font-face {
  font-family: "AppleFont";
  src: url("../font/SF-Pro.ttf") format("truetype");
}

@font-face {
  font-family: "Modern";
  src: url("../font/Staatliches-Regular") format("truetype");
}

/* High-tech stílus */
.skin-1 {
  color: #007bff; /* Elektromos kék szövegszín */
  text-shadow: 2px 2px 5px black;
  font-family: "Modern, Roboto", sans-serif; /* Modern, tiszta betűtípus */
}

body.skin-1,
#panel.skin-1 {
  background: #0575e6;
  background: -webkit-linear-gradient(to bottom, #021b79, #0575e6);
  background: linear-gradient(to bottom, #021b79, #0575e6);
}

/* Monochrome style */
.skin-2 {
  color: #fff;
  text-shadow: 2px 2px 2px white;
  background-color: #000;
  font-family: "Courier New", monospace;
}

body.skin-2,
#panel.skin-2 {
  background: #000000;
  background: -webkit-linear-gradient(to bottom, #000, #000);
  background: linear-gradient(to bottom, #000, #000);
  color: #fff;
}

/* Apple style */
.skin-3 {
  color: #555;
  text-shadow: 2px 2px 5px black;
  font-family: "AppleFont", sans-serif;
}

body.skin-3,
#panel.skin-3 {
  background: #ffeeee;
  background: -webkit-linear-gradient(to right, #ddefbb, #ffeeee);
  background: linear-gradient(to right, #ddefbb, #ffeeee);
  color: #555;
}

/* Western stílus */
.skin-4 {
  color: #a26f25;
  text-shadow: 2px 2px 5px black;
  font-family: "Western", sans-serif;
}

body.skin-4,
#panel.skin-4 {
  background: #603813;
  background: -webkit-linear-gradient(to top, #b29f94, #603813);
  background: linear-gradient(to top, #b29f94, #603813);
  color: #a26f25;
}

/* Mátrix stílus */
.skin-5 {
  color: #0f0;
  text-shadow: 0 0 3px #00aa00, 0 0 5px #008800;
  font-family: "Antimatrix", sans-serif;
}

body.skin-5,
#panel.skin-5 {
  background: #000000;
  background: -webkit-linear-gradient(to bottom, #010101, #000000);
  background: linear-gradient(to bottom, #010101, #000000);

  color: #0f0;
}