@font-face {
  font-family: 'ReadyActive-light';
  src: url('./font/ReadyActiveTest-Light.woff2') format('woff2');
  src: url('./font/ReadyActiveTest-Light.woff') format('woff');
}

@font-face {
  font-family: 'FKGroteskMonoTrial-Regular';
  src: url('./font/FKGroteskMonoTrial-Regular.woff2') format('woff2');
  src: url('./font/FKGroteskMonoTrial-Regular.woff') format('woff');
}

@font-face {
  font-family: 'FKGroteskSemiMonoTrial-Regular';
  src: url('./font/FKGroteskSemiMonoTrial-Regular.woff2') format('woff2');
  src: url('./font/FKGroteskSemiMonoTrial-Regular.woff') format('woff');
}

@font-face {
  font-family: 'FKGroteskNeueTrial-Bold';
  src: url('./font/FKGroteskNeueTrial-Bold.woff2') format('woff2');
  src: url('./font/FKGroteskNeueTrial-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Menlo-Regular';
  src: url('./font/Menlo-Regular_RadioClub.woff2') format('woff2');
  src: url('./font/Menlo-Regular_RadioClub.woff') format('woff');
}

@font-face {
  font-family: 'AppleChancery';
  src: url('./font/AppleChancery.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansKR';
  src: url('./font/NotoSansKR-VariableFont_wght.ttf') format('truetype'); 
}

@font-face {
  font-family: 'NotoSansSC';
  src: url('./font/NotoSansSC-VariableFont_wght.ttf') format('truetype'); 
}

@font-face {
  font-family: 'AppleColorEmoji';
  src: url('./font/AppleColorEmoji.ttc') format('truetype'); 
  font-weight: normal;
  font-style: normal;
}

:lang(ko) {
  font-family: "NotoSansKR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
}

:lang(zh) {
  font-family: "NotoSansSC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
}


::selection {
  color: yellow;
  text-shadow: 0 0 6px yellow;
  text-decoration: none;
  background: #ffffff !important;
}

::-moz-selection { 
  color: yellow;
  text-shadow: 0 0 6px yellow;
  text-decoration: none;
  background: #ffffff !important;
}

a {
  color: white;
  /* text-shadow: 0 0 6px white; */
  text-decoration: none;
}

#copyright {
  /* text-shadow: 0 0 6px white; */
  text-decoration: none;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
  color: black;
}

h1 {
  margin-block-start: 0;
  margin-block-end: 0;
  font-family: 'ReadyActive-light', sans-serif;
  font-size: 75px;
}