@import "scrollbars.css";

html, body {
  height: 100%;
  margin: 0;
}

body {
  --s: 40px; /* control the size*/
  --c1: #ffffff;
  --c2: #f5f5f5;
  --c3: #e8e8e8;

  --_g: 0 120deg,#0000 0;
  background:
      conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
      conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
      conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
      conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
      conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
      conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
      conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
  background-size: calc(var(--s)*sqrt(3)) var(--s);
}

.card-body > span {
  display: none;
}

.bolivia-bg {
  background: linear-gradient(90deg, #7b0000, #666600, #005c00);
}

.text-bolivia {
  background: linear-gradient(90deg, red, yellow, green);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.text-bol-green {
  color: #00f300;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  font-weight: bold;
}

.btn-social {
  border-radius: 100%;
  display: inline-flex;
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  justify-content: center;
  align-items: center;
}

.btn-social:hover {
  color: #0059ff;
  background-color: white;
  border-color: white;
}

footer {
  width: 100%;
  box-sizing: border-box
}

.modal-body p {
  text-align: justify;
}