@import "color.scss";
@import "animations.scss";
@import "../form/form.scss";
@import "../section/section.scss";
@import "../loading/loading.scss";
@import "../errors/errors.scss";

body,
html {
  background-color: white;
  margin: 0;
  padding: 0;
  width: 100%;

  &::-webkit-scrollbar-track {
    background-color: rgba(black, 0);
  }

  &::-webkit-scrollbar {
    height: 8px;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: gray(220);
    border-radius: 100px;
  }

  h1,
  h2,
  h3,
  button,
  div,
  button,
  textarea,
  input,
  select {
    font-family: "Roboto", sans-serif;
    font-size: 1em;
  }
}

#root {
  #app {
    .rlf-form {
      max-width: 1200px;
      width: calc(100% - 40px);
    }
  }
}

.scroll-bar {
  &::-webkit-scrollbar-track {
    background-color: rgba(black, 0);
  }

  &::-webkit-scrollbar {
    height: 8px;
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: gray(220);
    border-radius: 100px;
  }
}