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

@media (max-width: 1080px) {
  html {
      font-size: 93.75%;
  }
}

@media (max-width: 720px) {
  html {
      font-size: 87.5%;
  }
}

body {
  font-family: 'Poppins', sans-serif;
}

button, input, textarea {
  font-size: 1rem;
  font-family: 'Poppins', sans-serif;
}

:root {
  --color-primary: #065666;
  --color-primary-light: rgba(78, 129, 139, 0.2);
  --color-secondary: #C4F1F9;

  --color-white: #fff;
  --color-black: #12121a;
  --color-black-light: #12121a65;

  --color-red: #F56565;
  --color-red-100: #FED7D7;

  --color-green: #48BB78;
  --color-green-100: #C6F6D5;
}

.whatsapp-active {
  animation: .2s bottomToTop;
}

@keyframes bottomToTop {
  from {
    transform: translateY(4rem);
  }
  to {
    transform: translateY(0);
  }
}