@charset "UTF-8";

:root {
   --app-dark-blue: #00084d;
   --app-light-blue: #1d63ed;
   --app-pure-black: #000000;
   --app-pure-white: #ffffff;
   --app-dirty-white: #f3f3f3;
   --app-semi-black: #17191e;
   --app-semi-dark: #2a2929;
   --app-font-poppins: "Poppins", sans-serif;
   --app-font-roboto: "Roboto", sans-serif;
}

::selection {
   background-color: var(--app-dark-blue);
   color: var(--app-dirty-white);
   -webkit-background-clip: text;
   background-clip: text;
}

::-webkit-scrollbar {
   width: 5px;
}

::-webkit-scrollbar-track {
   box-shadow: inset 0 0 2px grey;
   border-radius: 1px;
}

::-webkit-scrollbar-thumb {
   background: #cecece;
   border-radius: 1px;
   cursor: -webkit-grab;
}

::-webkit-scrollbar-thumb:hover {
   background: #cecece;
}

*,
*::before,
*::after {
   box-sizing: border-box;
}

html {
   scroll-behavior: smooth;
}
@media (prefers-reduced-motion: no-preference) {
   :root {
      scroll-behavior: smooth;
   }
}

body {
   font-family: var(--app-font-roboto);
   background-color: var(--app-dirty-white);
   background-image: radial-gradient(#d4d4d4 1px, transparent 1px);
   background-size: 22px 22px;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
   margin: 0 !important;
   padding: 0 !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Firefox */
input[type="number"] {
   -moz-appearance: textfield;
}