@import "tailwindcss";

@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");

@theme {
  --color-gold: #b78a61;
  --color-light-blue: #1c3751;
  --color-light-gray: #d2cccc;
  --font-sans: "Ubuntu", sans-serif;
  --color-dark-blue: #051b26;
}

@layer base {

  *,
  ::after,
  ::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  html,
  body,
  #root {
    width: 100%;
    min-height: 100dvh;
    background-color: #051b26;
    font-family: var(--font-sans);
  }

  #root {
    width: 100%;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background-color: #051b26;
  }
}
