style.cssにて、

.content.active {

としています。

index.htmlでは、classを

<section class="content active">

と定義しています。

style.cssは、

.content active {

ではないのでしょうか？

content と active　の空白は、文字として認識されていないのでしょうか？