:root {
    --main-font: 'Raleway';
    --main-bg-color: #c84186;
    --main-contrast-color: #fff;
    --main-text-color: #fff;

    --scnd-bg-color: #fff;
    --scnd-contrast-color: #00002E;

    --timer-color: var(--main-text-color);
    --timer-font: 'Raleway';
  }

  .siema {
    margin: 1rem 0;
  }
  html {
      height: 100%;
      width: 100%;
      align-items: center;

  }

  body {
    background: linear-gradient(-45deg, #EE7752, #c84186);
    background-attachment: fixed;
    background-repeat: no-repeat;
    font-size: 25px;
    color: var(--main-text-color);
  }

  h2 {
    text-align: center;
  }

  p {
    font-weight: 300; 
  }

  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: var(--main-text-color );
  }

  .container {
    max-width: 800px;
  }

  .header {
    margin-top: 6rem;
    text-align: center;
  }

  .value-prop {
    margin-top: 1rem;
  }

  .value-props {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .docs h1,
  .docs h2,
  .docs h3,
  .docs h4,
  .docs h5,
  .docs h6 {
    margin-bottom: 1rem;
  }

  .heading-font-size {
    font-size: 1.2rem;
    color: #999;
    letter-spacing: normal;
  }