const txt = document.getElementById('wellcome-message');
const hero = document.getElementById('hero');
const boss = document.getElementById('boss');

boss.style.transition = '2s cubic-bezier(0.4, 0, 0.2, 1)';
hero.style.transition = '2s cubic-bezier(0.4, 0, 0.2, 1)';
txt.style.transition = 'opacity .6s cubic-bezier(0.4, 0, 0.2, 1)';
txt.style.opacity = '0';
txt.style.display = 'block';


setTimeout(() => {
    txt.style.opacity = '1';
}, 1000);


setTimeout(() => {
    txt.style.opacity = '0';

    setTimeout(() => {
        txt.style.display = 'none';
}, 400);
}, 5000);

setTimeout(() => {
    hero.style.left = '800px';
}, 500);
setTimeout(()=> {
    hero.src = "/assets/Design/KnightPixLE2-exporgift.gif";
}, 1700);
setTimeout(() => {
    boss.style.right = '700px';
}, 500);

setTimeout(()=> {
    window.location.href = "/game/firstperson.html"
}, 5500)