@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  color-scheme: light dark;
}

body {
	margin: 0;
}

h1 {
	font-family: "Inter", sans-serif;
	letter-spacing: 0.03em;
	font-size: 1.1rem;
	font-weight: 400;
}

img {
	width: 282px;
	height: 86px;
}

.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  margin: 0;
  padding: 0;
}

.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 2rem;
}

@media (max-width: 768px) {
  h1 {
    font-size: 1rem;
  }

  img {
    width: min(212px, 60vw);
    height: auto;
  }

  .card {
    gap: 2.25rem; 
    padding: 1.5rem;
  }
}

@media (prefers-color-scheme: dark) {
	

  body {
    background-color: #111;
    color: #fff;
  }

  img {
    filter: invert(1);
  	forced-color-adjust: none;
  	color-scheme: light;
  	isolation: isolate;
  	mix-blend-mode: normal;
	

	}
  
}