//imports
import anime from 'animejs';

//constantes del DOM
const encabezado = document.getElementById("encabezado");
const contenedor_empezar = document.getElementById("contenedor_empezar");
const empezar = document.getElementById("empezar");

//style
function style(){
    //body
    document.body.style.width = "100vw";
    document.body.style.height = "100vh";
    document.body.style.margin = "0px";
    document.body.style.background = "#34495e";
    document.body.style.textAlign = "center";

    //titulo
    encabezado.style.fontSize = "120px";
    encabezado.style.color = "#e74c3c";
    encabezado.style.margin = "0px";
    encabezado.style.paddingTop = "200px";

    //contenedor_empezar
    contenedor_empezar.style.margin = "100px";

    //boton_empezar
    empezar.style.borderRadius = "65px";
    empezar.style.backgroundColor = "transparent"; //"#8e44ad";
    empezar.style.color = "aliceblue"; //"#1e3799";
    empezar.style.fontSize = "60px";
    empezar.style.border = "none";

}

function mouse_hover(){
    empezar.style.cursor = "pointer";
}

//nivel1 - estilos - esqueleto
function nivel1(){
    anime({
        targets: '#encabezado, #contenedor_empezar',
        keyframes: [
            {display: none}
        ],
        duration: 4000,
        delay: 1500,
        easing: 'easeOutElastic(1, .8)'
    });
}

window.onload = function(){
    style();
};