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

:root {
  --bs-01: 0px 1px 1px 0px hsla(0, 0%, 0%, 0.14),
    0px 2px 1px -1px hsla(0, 0%, 0%, 0.12), 0px 1px 3px 0px hsla(0, 0%, 0%, 0.2);
  --bs-02: 0px 2px 2px 0px hsla(0, 0%, 0%, 0.14),
    0px 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0px 1px 5px 0px hsla(0, 0%, 0%, 0.2);
  --bs-03: 0px 3px 4px 0px hsla(0, 0%, 0%, 0.14),
    0px 3px 3px -2px hsla(0, 0%, 0%, 0.12), 0px 1px 8px 0px hsla(0, 0%, 0%, 0.2);
  --bs-04: 0px 4px 5px 0px hsla(0, 0%, 0%, 0.14),
    0px 1px 10px 0px hsla(0, 0%, 0%, 0.12),
    0px 2px 4px -1px hsla(0, 0%, 0%, 0.2);
  --bs-06: 0px 6px 10px 0px hsla(0, 0%, 0%, 0.14),
    0px 1px 18px 0px hsla(0, 0%, 0%, 0.12),
    0px 3px 5px -1px hsla(0, 0%, 0%, 0.2);
  --bs-08: 0px 8px 10px 1px hsla(0, 0%, 0%, 0.14),
    0px 3px 14px 2px hsla(0, 0%, 0%, 0.12),
    0px 5px 5px -3px hsla(0, 0%, 0%, 0.2);
  --bs-12: 0px 12px 17px 2px hsla(0, 0%, 0%, 0.14),
    0px 5px 22px 4px hsla(0, 0%, 0%, 0.12),
    0px 7px 8px -4px hsla(0, 0%, 0%, 0.2);
  --bs-16: 0px 16px 24px 2px hsla(0, 0%, 0%, 0.14),
    0px 6px 30px 5px hsla(0, 0%, 0%, 0.12),
    0px 8px 10px -5px hsla(0, 0%, 0%, 0.2);
  --bs-24: 0px 24px 38px 3px hsla(0, 0%, 0%, 0.14),
    0px 9px 46px 8px hsla(0, 0%, 0%, 0.12),
    0px 11px 15px -7px hsla(0, 0%, 0%, 0.2);

  --primary-color-1: #a2d6f9ff;
  --primary-color-2: #60b6fbff;
  --primary-color-3: rgb(40, 128, 206);
  --primary-color-4: rgb(24, 76, 166);
  --primary-color-5: rgb(25, 47, 146);
  --secondary-color-1: rgb(242, 240, 180);
  --secondary-color-2: #fcf300ff;
  --secondary-color-3: #fedd00ff;
  --secondary-color-4: #ffc600ff;
  --secondary-color-5: #ffcb17ff;
  --grey-color-1: #EEEEEE;
  --grey-color-2: #D0D0D0;
  --grey-color-3: #AAAAAA;
  --grey-color-4: #7e7e7e;
  --grey-color-5: #3D3B30;
  --green-color: #05af3d;
  --red-color: #ff5555;
  --input-color: #051923;

  --font-input: 400 1em Montserrat;
  --font-label: 700 1em Montserrat;

  --height-input: 2.5rem;
  --navbar-size: 50px;
  --sidebar-size: 200px;
  --border-radius: 0.25rem;
  --border: 1px solid #e0e0e0;
  --main-transition: 0.25s;

  --z-index-header: 1;
  --z-index-footer: 2;
  --z-index-sidebar: 3;
  --z-index-modal: 9;
}

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

a {
  text-decoration: none;
  color: var(--input-color);
}

body {
  font-family: "Montserrat", sans-serif;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button {
  background: none;
  border: none;
  cursor: pointer;
  font-family: "Montserrat";
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}