@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
  /* Cores site */
  --first-color: #343a40;
  --white-color: #ffffff;
  --text-color: #1e1e1e;
  --text-color-light: rgba(30, 30, 30, 0.6);

  /* Tipografia */
  --body-font: "Poppins", sans-serif;
  --h1-font-size: 2.5rem; /* 40 px */
  --h3-font-size: 2rem; /* 32px */
  --h4-font-size: 1.5rem; /* 24px */
  --normal-font-size: 1.125rem; /* 18px */
  --small-font-size: 1rem; /* 16px */
  --smaller-font-size: 0.75rem; /* 12px */
  --nano-font-size: 0.6rem; /* aprox 10px */

  /* Margin bottom */
  --mb-0-5: 0.5rem;
  --mb-0-75: 0.75rem;
  --mb-1: 1rem;
  --mb-1-5: 1.5rem;
  --mb-2: 2rem;
  --mb-2-5: 2.5rem;
  --mb-5: 5rem;

  /* posição */
  --z-tooltip: 10;
  --z-fixed: 100;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--body-font);
  color: var(--text-color);
}
ul {
  list-style: none;
}

a {
  text-decoration: none;
}
h1,
h2,
h3 {
  line-height: 120%;
}

p {
  line-height: 150%;
  font-weight: 300;
}

button,
input {
  border: none;
  outline: none;
}
ul {
  list-style: none;
}

a {
  text-decoration: none;
}

button,
input {
  border: none;
  outline: none;
}

button {
  cursor: pointer;
  background: none;
}

.section {
  padding: 6rem 1rem;
}

@media (max-width: 723px) {
  .section {
    padding: 3rem 1rem;
  }
}
.container {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

/* estilo do header na home */

.home__container{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  align-items: center;
}
@media (max-width: 600px) {
  .home__container{
    grid-template-columns: repeat(1,1fr);
    align-items: center;
    gap: 2rem;
    text-align: center;
  }
}
.formint{
  padding: 2rem;
}

.logo{
  width: 100%;
  max-width: 250px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media (max-width: 600px) {
  .logo{
    max-width: 150px;
  }
}