@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+DE+SAS:wght@100..400&display=swap');

* {
  font-family: "Poppins", sans-serif;
  color: var(--color-text);
}

.header-shadow {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.28);
}

h1,
h2 {
  font-weight: 600;
}

.element-hors-container {
  padding-left: calc((100vw - 1152px) / 2 + 12px);
}

.risk-gradient {
  background: linear-gradient(to right, #2d6a4f 0%, #52b788 6.6%, #fc7100 20%, #ff3300 40%, #d62828 66.6%, #d62828 100%);
}

.txt-italic {
  font-family: "Playwrite DE SAS", cursive;
}

.bg-section {
  background-image: url('../images/bg-section.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 1152px) {
  .element-hors-container {
    padding-left: 0.75rem;
  }
}

#suggestions a {
  transition: all 0.3s;
  padding: 13px;
  border-radius: 8px;
}

#suggestions a:hover {
  background: #f0f0f0;
}