:root {
  --black: #000000;
  --black-60: rgba(0, 0, 0, 60%);
  --white: #FFFFFF;
  --green: #5CDA5C;
  --red: #E92854;
  --orange: #E92854;

  --danger: #EA4235;
  --warning: #F09814;
  --success: #50AF50;
  --success-hover: #4da84d;
  --info: #4496F3;
  --primary: #333333;

  --text-primary: var(--primary);

  --color-phone: var(--success);
  --color-phone-hover: var(--success);
  --color-telegram: #428bca;
  --color-whatsapp: #27D148;

  --background: #D6D6D6;
  --background-dark-10: #c9c9c9;

  --radius: .25rem;
}

body {
  display: grid;
  justify-content: center;
  background-color: var(--background);
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;

  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 24px;
  font-weight: 500;
  font-size: 14px;
  color: rgb(51, 51, 51);
}

#body .container {
  margin: auto 25px;
  min-width: 320px;
  max-width: 800px;
  display: flex;
}


body > .in-developing {
  position: fixed;
  right: 5px;
  bottom: 5px;
  padding: 5px 10px;
  font-size: 12px;
  background-color: var(--black-60);
  color: var(--white);
  border-radius: 9999px;
}

/* ********** Colors ********** */
.color-phone {
  color: var(--color-green);
}

.color-telegram {
  color: var(--color-telegram);
}

.color-whatsapp {
  color: var(--color-whatsapp);
}