* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialised;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  font-size: 62.5%;

  --zinc-950: #030712;
  --zinc-900: #18181b;
  --zinc-700: #3f3f46;
  --zinc-800: #27272a;
  --zinc-600: #52525b;

  --zinc-400: #a1a1aa;
  --zinc-200: #e4e4e7;
  --zinc-100: #f4f4f5;

  --blue-950: #172554;
  --blue-900: #1e3a8a;

  --slate-950: #020617;
  --slate-400: #94a3b8;
  --slate-200: #e2e8f0;

  --green-600: #16a34a;

  --red-600: #dc2626;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 1.6rem;
  background-color: var(--zinc-950);
  color: var(--zinc-100);
  width: 100%;
  height: 100svh;

  display: flex;
  justify-content: center;
  align-items: center;
}

body,
input,
select,
textarea {
  font-family: "Inter", sans-serif;
}

.card {
  max-width: 50rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  border: 1px solid var(--zinc-800);
  border-radius: 1.2rem;
  background-color: var(--zinc-900);
  box-shadow: 12px 12px 12px 12px rgba(0, 0, 0, 0.6);
}

.card .logo {
  width: 60%;
  margin-bottom: 2rem;
}

.card .whatsapp,
.card .email,
.card .address {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  color: var(--zinc-400);
  text-decoration: none;
}

.card .whatsapp svg,
.card .email svg,
.card .address svg {
  width: 2.4rem;
  
}