@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,700i&display=swap');

@font-face {
  font-family: 'Eight One';
  src: url(../fonts/eight_one/Eight_One.ttf);
}

@font-face {
  font-family: 'Typo Round';
  src: url(../fonts/typo_round/Typo_Round_Regular_Demo.otf);
}

:root {
  --color-primary: #008C95;
  --color-roxo: #833177;
}


* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

html, body, #root {
  height: 100%;
  overflow-x: hidden;
}

body {
  /* background: #E5E6F0; */
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body, input, button {
  /* font-family: Roboto, sans-serif; */
  font-family: 'Montserrat';
}

li {
  list-style: none;
}
a {
  text-decoration: none;
  color: black;
}

.btn {
  display: block;
  min-width: 300px;
  min-height: 60px;

  background: var(--color-roxo);
  color: #FFF;
  font-weight: 700;
  border: 0;
  border-radius: 14px;
  cursor: pointer;
}


/* SCROLLBAR */
/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 12px;
  z-index: 999;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-roxo);
  border-radius: 2px;
}


/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
} */