script.js

var width   = window.innerWidth;
var height  = window.innerHeight;

var intro       = document.getElementsByClassName("intro")[0];
var historia    = document.getElementsByClassName("historia")[0];
var paragrafos  = document.getElementsByClassName("paragrafos")[0];
var som         = document.getElementsByClassName("som")[0];

intro.style.fontSize = width / 30 + "px";
paragrafos.style.height = height + "px";

window.addEventListener("resize", function() {
    width   = canvas.width  = window.innerWidth;
    height  = canvas.height = window.innerHeight;
    intro.style.fontSize = width / 30 + "px";
    historia.style.fontSize = width / 20 + "px";
    paragrafos.style.height = height + "px";
});

function iniciar() {
    intro.className = 'intro intro_texto intro_animacao';
    historia.className = 'historia historia_texto historia_animacao';
    som.play();
}