/* src/styles.scss */
:root {
  --primary-color: #FF4D4D;
  --secondary-color: #007BFF;
  --success-color: #28A745;
  --error-color: #DC3545;
  --font-stack: "Roboto", sans-serif;
  --base-font-size: 16px;
}
body {
  margin: 0;
  font-family: Arial, sans-serif;
  margin: 0;
  height: 100%;
  background-color: whitesmoke;
}
* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
*::-webkit-scrollbar {
  display: none;
}
body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body {
  contextmenu: none;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  touch-action: manipulation;
}
.btn {
  margin: 0.3em;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: var(--base-font-size);
  font-family: var(--font-stack);
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-primary {
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  color: #fff;
}
.btn.btn-secondary {
  background-color: transparent;
  color: --secondary-color;
  border: 2px solid --secondary-color;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */