/* WOODcraft */
        body {
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            height: 100vh;
            background: url('https://i.gifer.com/SVKl.gif') no-repeat center center fixed;
            background-size: cover;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .animated-button {
            padding: 10px 20px;
            font-size: 18px;
            cursor: pointer;
            border: none;
            background: #008CBA;
            color: white;
            font-weight: bold;
            border-radius: 5px;
            margin-top: 5px;
            margin-bottom: 10px;
            animation: textAnimation 2s linear infinite;
            box-shadow: 0px 4px 10px rgba(245, 40, 145, 0.8); /* শ্যাডো যোগ করা হয়েছে */
            transition: box-shadow 0.3s ease-in-out;
        }
        /* বাটনে হোভার করলে শ্যাডো আরও বড় হবে */
        .animated-button:hover {
            box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.5);
        }
        
        /* টেক্সট অ্যানিমেশন */
        @keyframes textAnimation {
            0% { color: red; }
            25% { color: blue; }
            50% { color: green; }
            75% { color: orange; }
            100% { color: red; }
        }
        

        #frameContainer {
            position: relative;
            width: 90%;
            height: 80vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #outputFrame {
            width: 100%;
            height: 100%;
            border: 5px solid;
            border-radius: 10px;
            animation: borderAnimation 2s linear infinite;
        }

        @keyframes borderAnimation {
            0% { border-color: red; }
            25% { border-color: blue; }
            50% { border-color: green; }
            75% { border-color: orange; }
            100% { border-color: red; }
        }
        /* ফুটার */
        .footer {
            color: white;
            text-align: center;
            padding: 10px 0;
            width: 100%;
            position: relative;
            margin-top: auto;
            margin-bottom: 10px;
        }
        .footer a {
            color: #ffcc00;
            text-decoration: none;
            font-weight: bold;
        }
        .footer a:hover {
            text-decoration: underline;
        }
        .footer__copyright {
            font-size: 14px; /* ফন্ট সাইজ */
            font-weight: bold; /* টেক্সট মোটা করা */
            margin-top: 5px;
            margin-bottom: 10px;
            animation: footer__copyrightAnimation 2s linear infinite;
        }
        @keyframes footer__copyrightAnimation {
            0% { color: red; }
            25% { color: blue; }
            50% { color: green; }
            75% { color: orange; }
            100% { color: red; }
        }
  /* WOODcraft */