@import "variables.css";
@import "reset.css";

/* Importe esse arquivo na sua página + src/components/SideBar/styles.css */

html {
  font-size: 62.5%;
}
body {
  background-color: var(--blue-violet-desat-600);
  display: flex;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
button,
li {
  font-family: var(--font-poppins), sans-serif;
  color: var(--grayscale-whitesmoke);
}
main {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  height: 100vh;
  padding: 75px 50px 30px 50px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  transition: 0.15s ease-in;
}
@media (max-width: 834px) {
    main {
        max-width: unset;
    }
}