/* src/styles.css */
:root {
  --buncss-light: ;
  --buncss-dark: initial;
  color-scheme: dark;
}

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

html, body {
  height: 100%;
  margin: 0;
}

body {
  color: #eaf3ee;
  display: grid;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: #083f2c;
  place-items:  center;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

main {
  text-align: center;
  padding: 24px;
}

.mark {
  display: grid;
  color: #eaf3ee;
  background: #0b5039;
  border-radius: 14px;
  place-items:  center;
  width: 64px;
  height: 64px;
  margin: 0 auto 22px;
  box-shadow: inset 0 1px #ffffff0f, 0 8px 24px #0000002e;
}

.mark svg {
  display: block;
  width: 40px;
  height: 40px;
}

h1 {
  letter-spacing: -.02em;
  margin: 0 0 10px;
  font-size: 30px;
  font-weight: 600;
}

p {
  opacity: .7;
  letter-spacing: .01em;
  margin: 0;
  font-size: 14px;
}