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

:root {
  --blue: #0046FF;
  --blue-mid: #0033CC;
  --blue-light: #E8EFFE;
  --blue-pale: #F0F4FF;
  --yellow: #FFE600;
  --yellow-dark: #D4BF00;
  --white: #FFFFFF;
  --off: #F7F8FC;
  --gray: #7A8299;
  --dark: #0A0F1E;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
}

html {
  scroll-behavior: smooth
}

body {
  font-family: 'Nunito Sans', sans-serif;
  background: var(--white);
  color: var(--dark);
  line-height: 1.65;
  overflow-x: hidden
}

[v-cloak] {
  display: none
}