:root {
  --xxxlarge: 40px;
  --xxlarge: 32px;
  --xlarge: 24px;
  --large: 18px;
  --medium: 16px;
  --small: 14px;
  --xsmall: 12px;
  --xxsmall: 10px;
  --xxxsmall: 8px;
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
button,
a,
span,
html,
* {
  font-family: "Montserrat", sans-serif;
}

.xxxlarge {
  font-size: var(--xxxlarge);
}
.xxlarge {
  font-size: var(--xxlarge);
}
.xlarge {
  font-size: var(--xlarge);
  line-height: 32px;
}
.large {
  font-size: var(--large);
}
.medium {
  font-size: var(--medium);
}
.small {
  font-size: var(--small);
  line-height: 20px;
}
.xsmall {
  font-size: var(--xsmall);
}
.xxsmall {
  font-size: var(--xxsmall);
}
.xxxsmall {
  font-size: var(--xxxsmall);
}

.bold{
  font-weight: 700;
}

.text-center{
  text-align: center;
}

.text-left{
  text-align: left;
}