* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.serif-sc{
  font-family: "Noto Serif SC", sans-serif;
}

.serif-sc input{
  font-family: "Noto Serif SC", sans-serif;
}

.pointer{
  cursor: pointer;
}

button:focus,input:focus,textarea:focus{
  outline: none;
}

*{
  outline: none;
}


:root{
  --text-color-lightest: #e7e9ec;
  --text-color-darker: #2e2e2e;
  --text-color-dark:#494949;
  --text-color-gray:#8b8b8b;
  --text-color-dark-gray:#727272;
  --text-color-light-gray: #c6c6c6;
  --backdrop-color: rgba(42, 42, 42, 0.69);

  --primary-blue: #0a69aa;
  --secondary-blue: #5699d2;
  --tertiary-blue: #d8ebf9;
  --dark-green: #2f841b;
  --primary-green: #4996a2;
  --secondary-green: #71c2cc;

  --vscode-class: #4ec9b0;
  --vscode-yellow: #DCD2A1;
  --vscode-light-green: #b8d7a3;
  --vscode-orange: #FFC66D;
  --vscode-sky-blue: #67cdfe;
  --vscode-annotation: #CC9393;
  --vscode-string: #D69D85;
  --vscode-purple: #9393CC;
  --vscode-comment: #57a64a;
  --vscode-keyword: #569cd6;

}

li {
  list-style: none;
}

a{text-decoration:none;color: #666}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;color:#666}