Почему часть CSS не работает

    {% block content %}
    <div class="features">
      <h1>Артикул</h1>
      <p>
      <input size='40'>
      <p>
      <button onclick='/base' class="btn btn-primary">Все артикулы</button>
    </div>
    {% endblock %}

    aside{
      float:left;
      background: #e6faf9;
      width: 16%;
      padding 2.5%;
      height: 100vh;
      border-right: 2px solid;
    }

    aside ul{list-style: none;}
    aside ul li {
      display: block;
      margin-top: 20px;
    }
    
    aside ul li: hover, aside ul a:hover{
      color: #90ff77;
      transform: scale (1.05);
    }
    
    main.features{
      float: left;
      margin-top: 100px;
      text-align: center;
      width: 75%;
    }