document.body.hidden = true
//или
document.body.style.display = 'none'
//или
$('body').css({display: 'none'})
//или
$('body').css('display', 'none'})
//или
$('body').attr('style', 'display:none')
//или
document.body.setAttribute('style', 'display:none');
<section class="section-about" id="about">
<h1 class="section-about__title" data-animate="Y1">About Our Agency</h1>
<p class="section-about__lead-text" id="about-text" data-animate="Y1">
We are a new design studio based in
USA. We have over 20 years of combined experience,
and know a thing or two about designing websites and
mobile apps. Clever use of technology and lean
processes enable us to work faster and smarter.
</p>
<img class="section-about__image" src="img/about-me-signature.png">
<div class="section-about__stats stats-block" id="stats">
<h1 class="stats-block__title" data-animate="Y1">Features</h1>
<div class="stats-block__main">
<div class="stats-block__item stats-item" data-animate="Y1">
<i class="stats-item__icon fa fa-clock-o" aria-hidden="true"></i>
<div class="stats-item__content"> <p><b>Revenue</b></p> <p>...</p> </div>
</div>
<div class="stats-block__item stats-item" data-animate="Y1">
<i class="stats-item__icon fa fa-eye" aria-hidden="true"></i>
<div class="stats-item__content"> <p><b>Power</b></p> <p>...</p> </div>
</div>
<div class="stats-block__item stats-item" data-animate="Y1">
<i class="stats-item__icon fa fa-check-circle-o" aria-hidden="true"></i>
<div class="stats-item__content"> <p><b>Disign</b></p> <p>...</p> </div>
</div>
</div>
</div>
</section>
Это помощь, а не, как вы изволили сказать, "самовыражение".