@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Gabarito:wght@400..900&display=swap');
@import url('./theme.css');

* {
  box-sizing: border-box;
}
html {
  height: 100%;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: var(--theme-frame-background, rgb(0, 0, 0, 0));
  color: var(--theme-text, black);
  font-family: gabarito;
  position: relative;
  overflow-y: hidden;

  padding: 0px;
  margin: 0px;
  height: 100%;
  transition: background-color 0.2s ease, color 0.2s ease;
}