/* RESET */
::-moz-selection {
  background: var(--blue-color);
  color: #fff;
}
::selection {
  background: var(--blue-color);
  color: #fff;
}
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Oswald', sans-serif;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:focus {
  outline: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* width */
::-webkit-scrollbar {
  width: 0.5vw;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--blue-color);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--dark-blue);
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  overflow-x: hidden;
  scrollbar-color: var(--blue-color) #fff;
  scrollbar-width: normal;
}
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  background-color: var(--dark-grey-color);
}
body.no-scroll,
html.no-scroll {
  overflow: hidden;
}
#alertMsg {
  font-size: 14px;
}
img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
a {
  text-decoration: none;
  display: inline-block;
  color: inherit;
  cursor: pointer;
}
button {
  cursor: pointer;
  outline: none;
  border: none;
  font-family: inherit;
}
button[disabled] {
  cursor: default;
}
p {
  color: var(--text-color);
}
a {
  color: var(--text-color);
}
ul,
ol {
  list-style: none;
}

input,
textarea {
  font-family: inherit;
  resize: none;
}
/* HIDE ARROWS ON NUMBER INPUTS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', sans-serif;
}

/* RESET */

/* UTILITIES */
:root {
  --white-color: #fff;
  --black-color: #111111;
  --dark-grey-color: #1c1c1c;
  --grey-color: #cacac9;
  --red-color: #c21e23;
}

.container {
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 144rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.container-right {
  padding-left: calc((100vw - 147rem) / 2);
  position: relative;
  margin-left: 2rem;
}
.container-left {
  padding-right: calc((100vw - 147rem) / 2);
  position: relative;
}

@font-face {
  font-family: 'PF Reminder Pro';
  src: url('fonts/PF\ Reminder\ Pro\ Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}