/*
 * "Altair", sans-serif
 * "Roboto", sans-serif;
 */

@font-face {
  font-family: "Altair";
  src: url("../font/Altair-Bold Trial.ttf");
}

:root
{
  --bg-global-rgb: 244,244,244;
  --bg-global: rgb(var(--bg-global-rgb));

  --red: #F15C5C;
  --red-2: #dc2121;
  --red-3: #fa8787;
  --bleu: #7F7EF2;
  --bleu-2: #6766EF;
  --bleu-3: #a09ff3;
  --vert: #6CDC68;
  --vert-2: #6ECC6B;
  --or: #F0BD34;
  --red-rgb: 241,92,92;
  --font-color: black;
}

*
{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline-color: rgb(30,30,30);
  /*
   * outline-color: #FF5353;
   * outline: 0;
   */
  background-repeat: no-repeat;
  /* transition-timing-function: cubic-bezier(1, 0, 0, 1) !important; */
  font-family: "Roboto", sans-serif;
  color: var(--font-color);
  font-size: 1em;
}

/* html, body */
body
{
  width: 100%;
  background-color: var(--bg-global);
  transition: background-color .3s;
  /*
   * sticky not work
   * overflow-x: hidden;
   */
  /*
   * scroll-behavior: smooth;
   */
}

main
{
  width: 100%;
  min-height: 100vh;
}

section
{
  width: 100%;
  position: relative;
  /* max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px; */
}

a
{
  cursor: pointer;
  text-decoration: none;
}

p a
{
  color: var(--bleu);
}

h1,h2,h3,h4
{
  font-family: "Altair", sans-serif;
  font-weight: normal;
}

pre
{
  overflow: auto;
}