Why doesn't the text color change?

Question

css

Good evening, why the color of the text does not change, I look at the console, all the rules worked, but there are no changes on the page itself.

<div class="side">
            <div class="side--A">
                <img src="assets/images/feature/feature-1.png" alt="feature1">
                <h3>Easily Customised</h3>
                <p>Текс вырезан тк очень большой</p>
            </div>
        </div>
<--style-->
 .side {
        margin: 0 auto;
        max-width: 1170px;
        max-height: 550px;
        &--A {
            width: 370px;
            max-height: 200px;
        }
       &-p {
        color: #0000ff;
         }
    }

Answer 1

<div class="side">
  <div class="side--A">
    <img src="assets/images/feature/feature-1.png" alt="feature1">
    <h3>Easily Customised</h3>
    <p>Текс вырезан тк очень большой</p>
  </div>
</div>
<style>
  .side {
    margin: 0 auto;
    max-width: 1170px;
    max-height: 550px;
  }
  .side--A {
    width: 370px;
    max-height: 200px;
  }
  .side p {
    color: #0000ff;
  }
</style>