document.querySelector('.interactive-box').addEventListener('click', function() {
  setTimeout(() => {
    // Reset body and html styles to ensure full-screen rendering
    document.documentElement.style.margin = '0';
    document.documentElement.style.padding = '0';
    document.documentElement.style.height = '100%';
    document.documentElement.style.overflow = 'hidden';

    document.body.style.margin = '0';
    document.body.style.padding = '0';
    document.body.style.height = '100%';

    // Create an iframe element dynamically
    const iframe = document.createElement('iframe');
    iframe.src = 'https://www.computeromaster.rf.gd/Websitero';
    iframe.style.width = '100vw'; // Full viewport width
    iframe.style.height = '100vh'; // Full viewport height
    iframe.style.border = 'none';
    iframe.style.position = 'fixed'; // Ensure it covers the whole screen
    iframe.style.top = '0';
    iframe.style.left = '0';

    // Clear existing content and add the iframe
    document.body.innerHTML = ''; // Clear existing content (optional)
    document.body.appendChild(iframe); // Add the iframe to the page
  }, 300); // Wait for the animation to complete
});

document.querySelector('.interactivei-box').addEventListener('click', function() {
  setTimeout(() => {
    // Reset body and html styles to ensure full-screen rendering
    document.documentElement.style.margin = '0';
    document.documentElement.style.padding = '0';
    document.documentElement.style.height = '100%';
    document.documentElement.style.overflow = 'hidden';

    document.body.style.margin = '0';
    document.body.style.padding = '0';
    document.body.style.height = '100%';

    // Create an iframe element dynamically
    const iframe = document.createElement('iframe');
    iframe.src = 'https://www.computeromaster.rf.gd/FilCd';
    iframe.style.width = '100vw'; // Full viewport width
    iframe.style.height = '100vh'; // Full viewport height
    iframe.style.border = 'none';
    iframe.style.position = 'fixed'; // Ensure it covers the whole screen
    iframe.style.top = '0';
    iframe.style.left = '0';

    // Clear existing content and add the iframe
    document.body.innerHTML = ''; // Clear existing content (optional)
    document.body.appendChild(iframe); // Add the iframe to the page
  }, 300); // Wait for the animation to complete
});