lowdefy/packages/website/public/styles.less

@font-face {
  font-family: "Inter";
  src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@min768: ~"(min-width: 768px)";
@min992: ~"(min-width: 992px)";

// https://typescale.com/?size=17&scale=1.250&text=Abc&font=Inter&fontweight=800&bodyfont=body_font_default&bodyfontweight=400&lineheight=1.75&backgroundcolor=%23ffffff&fontcolor=%23000000&preview=false
html {
  font-size: 103%;
} /*18px*/

body {
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 1.75;
  font-size: 100%;
}

p {
  margin-bottom: 1rem;
}

h1, h2, h3, h4, h5 {
  // margin: 3rem 0 1.38rem;
  font-family: Inter, sans-serif;
  font-weight: 800;
  line-height: 1.3;
}

h1 {
  margin-top: 0;
  font-size: 3.052rem;
}

h2 {
  font-size: 2.441rem;
}

h3 {
  font-size: 1.953rem;
}

h4 {
  font-size: 1.563rem;
  font-weight: 500;
}

h5 {
  font-size: 1.25rem;
  font-weight: 500;
}

small, .text_small {font-size: 0.8rem;}

ul.checks {
  list-style: none;
  padding-inline-start: 0;
}

ul.checks li:before {
  content: '✓';
  color: #1890ff;
  padding-right: 1rem;
}

hr {
  height: 2px;
  width:30%;
  background-color:#1890ff;
  border-width: 0;
}

// marquee component
@keyframes marquee {
  0% {
    transform: translate3d(0%, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.marqueelogo {
  height: 40px;
  padding-right: 5.4rem;
  filter: grayscale(100%) opacity(40%);
}