@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500&display=swap");
:root {
  --text: hsl(0, 0%, 0%);
  --background: hsl(0, 0%, 100%);
  --primary: hsl(212, 37%, 67%);
  --secondary: hsl(171, 44%, 12%);
  --accent: hsl(173, 46%, 52%);
  --font-family: "Ubuntu", sans-serif;
  --font-weight: 400;
}
@media (prefers-color-scheme: light) {
  :root {
    --text: hsl(320, 60%, 1%);
    --background: hsl(313, 54%, 95%);
    --primary: hsl(132, 53%, 23%);
    --secondary: hsl(193, 54%, 88%);
    --accent: hsl(132, 53%, 48%);
  }
}

*, *::before, *::after {
  box-sizing: content-box;
}

* {
  margin: 0;
  padding: 0;
}

img, picture, svg, video {
  display: block;
  max-width: 100%;
}

html {
  color-scheme: dark light;
}
html body {
  min-height: 100vh;
}

html {
  color-scheme: light dark;
  scroll-behavior: smooth;
}
html body {
  color: var(--text);
  background-color: var(--background);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  line-height: 1.45;
}

body .env {
  font-size: 1em;
  position: fixed;
  border-radius: 5px;
  bottom: 25px;
  right: 25px;
  opacity: 0.4;
  padding: 5px 5px 5px 5px;
  border: 1px solid lightgreen;
  color: black;
  font-weight: bold;
  cursor: default;
}
body .env.local {
  background-color: lightseagreen;
}
body .env.dev {
  background-color: lightseagreen;
}
body .env.qa {
  background-color: Highlight;
  color: white;
}
body .env.stg {
  background-color: yellow;
}
body .env:hover {
  opacity: 1;
  transform: scale(1.2);
}/*# sourceMappingURL=global-style.css.map */