:root, :host {
  font-size: 10px;
  --font-main: "Inter", ui-sans-serif, system-ui, sans-serif;
  --color-zinc-200: oklch(92% 0.004 286.32);
  --color-zinc-300: oklch(87.1% 0.006 286.286);
  --color-zinc-400: oklch(70.5% 0.015 286.067);
  --color-zinc-500: oklch(55.2% 0.016 285.938);
  --color-zinc-600: oklch(44.2% 0.017 285.786);
  --color-zinc-700: oklch(37% 0.013 285.805);
  --color-zinc-800: oklch(27.4% 0.006 286.033);
  --color-zinc-900: oklch(21% 0.006 285.885);
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-acent: #09B094;
  --color-over-acent: #FFFFFF;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  vertical-align: baseline;
  outline: none;

  -webkit-touch-callout: none;
	-webkit-tap-highlight-color: #00000000;
	-webkit-tap-highlight-color: transparent;
}
img, picture, video, iframe, figure {
  max-width: 100%;
  width: 100%;
  display: block;
  object-fit: cover;        
  object-position: center center;
}
a {
  display: block;
  text-decoration: none;
  color:inherit;
  font-size:inherit;
  cursor: pointer;
}
p a, p button {
  display: inline;
}
li {
  list-style-type: none;
}
html {
  scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, p, span, a, 
strong, blockquote, i, b, u, em {
  font-size: 1em;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: none;
  color:inherit;
}
blockquote:before, blockquote:after, 
q:before, q:after {
  content: '';
  content: none;
}
form, input, textarea, select, 
button, label {
  font-family: inherit;
  font-size: inherit;
  background-color: transparent;
  color:inherit;
  display: block;
  appearance: none;
  cursor: pointer;
}
form {
  cursor: unset;
}
table, tr, td {
  border-collapse: collapse;
  border-spacing: 0;
}
svg {
  width: 100%;
  display: block;
  fill: currentColor;
}
/* Chrome, Edge, Safari, Opera */
::selection {
  background: color-mix(
    in srgb, 
    var(--color-acent) 70%, 
    transparent
  );
  color: var(--color-white);
}
/* Firefox */
::-moz-selection {
  background: color-mix(
    in srgb, 
    var(--color-acent) 70%, 
    transparent
  );
  color: var(--color-white);
}
input:autofill,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  -webkit-text-fill-color: var(--color-white);
  transition: background-color 5000s ease-in-out 0s;
}

body {
  background-color: var(--color-black);
  min-height: 100vh;
  font-size: 1.4rem;
  font-family: var(--font-main);
  color: var(--color-white);
  line-height: 1.4;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}