<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GameLauncher - Developer Credit's</title>
    <style>
/* :) */
@font-face{font-family:"Supreme";src:url("assets/Supreme Donuts.otf") format("opentype");}@font-face{font-family:"Anta";src:url("assets/anta-regular.ttf") format("truetype");}body,html{margin-left:0;}body,html{margin-bottom:0;}html,body{margin-right:0;}body,html{margin-top:0;}body,html{padding-left:0;}html,body{padding-bottom:0;}body,html{padding-right:0;}[class~=overlay]{position:absolute;}[class~=overlay]{top:0;}html,body{padding-top:0;}[class~=overlay]{left:0;}[class~=loading-container][class~=active],html,body{display:flex;}html,body,[class~=overlay]{height:100%;}html,body,[class~=loading-container][class~=active]{justify-content:center;}body,html,[class~=loading-container][class~=active]{align-items:center;}[class~=overlay]{width:100%;}body,html{flex-direction:column;}body{background:url("assets/bg.png") no-repeat center center fixed;}body{background-size:cover;}html,body{overflow:hidden;}html,body{font-family:"Anta",sans-serif;}[class~=overlay]{background-color:rgba(0,0,0,.5);}[class~=overlay]{z-index:1;}[class~=loading-container],[class~=main-container]{position:relative;}[class~=main-container],[class~=loading-container]{z-index:2;}[class~=main-container],[class~=loading-container]{color:white;}[class~=main-container],[class~=loading-container]{text-align:center;}[class~=main-container],[class~=loading-container]{animation:slide-down 1s ease-out;}html{background:url("assets/bg.png") no-repeat center center fixed;}html{background-size:cover;}[class~=loading-container],[class~=main-container]{display:none;}[class~=loading-container][class~=active]{height:100vh;}@keyframes slide-down{from{transform:translateY(-100%);}to{transform:translateY(0);}}[class~=loading-text] span:nth-child(1){animation-delay:1.3s;}[class~=loading-text] span:nth-child(2){animation-delay:1.5s;}[class~=loading-text] span:nth-child(3){animation-delay:1.7s;}[class~=loading-text] span:nth-child(4){animation-delay:1.9s;}[class~=loading-text]{font-family:"Anta",sans-serif;}[class~=loading-text] span:nth-child(5){animation-delay:2.1s;}[class~=loading-text] span:nth-child(6){animation-delay:2.3s;}[class~=loading-text]{font-size:5rem;}[class~=loading-text]{font-weight:bold;}[class~=loading-text] span{display:inline-block;}[class~=loading-text] span:nth-child(7){animation-delay:2.5s;}[class~=loading-text] span{opacity:0;}[class~=loading-text] span{animation:loading-fade .5s forwards;}@keyframes loading-fade{from{opacity:0;}to{opacity:1;}}[class~=text] span{font-family:"Supreme",sans-serif;}[class~=text] span,[class~=text]{position:relative;}[class~=main-container]{display:none;}[class~=text] span,[class~=text]{display:inline-block;}[class~=text]{font-size:5rem;}[class~=text]{font-weight:bold;}[class~=text]{animation:glow 2s infinite;}[class~=text] span{animation:orange-glow 1s infinite linear;}[class~=text] span:hover{animation:grow .2s forwards;}@keyframes grow{from{transform:scale(1);}to{transform:scale(1.2);}}@keyframes orange-glow{0%{text-shadow:0 0 10px #ff6700;}50%{text-shadow:0 0 30px #ff6700;}100%{text-shadow:0 0 10px #ff6700;}}@keyframes glow{0%{text-shadow:0 0 20px #ff6700;}100%{text-shadow:0 0 30px #ff6700;}}[class~=footer]{position:fixed;}[class~=footer]{bottom:.625pc;}[class~=footer]{left:50%;}[class~=footer]{transform:translateX(-50%);}[class~=footer]{width:100%;}[class~=footer]{text-align:center;}[class~=footer]{font-size:1.2rem;}[class~=footer]{z-index:10;}[class~=footer]{color:#fff;}
    </style>
</head>
<body>
    <div class="overlay"></div>
    <div class="loading-container active" id="loading-container">
        <div class="loading-text">
            <span>L</span> <span>O</span> <span>A</span> <span>D</span> <span>I</span> <span>N</span> <span>G</span>
        </div>
    </div>
    <div class="main-container" id="main-container">
        <div class="text" id="mohammad">
            <span>M</span> <span>O</span> <span>H</span> <span>A</span> <span>M</span> <span>M</span> <span>A</span> <span>D</span>
        </div> <br>
        <div class="text" id="arezoo" style="margin-top: 2rem;">
            <span>A</span> <span>R</span> <span>E</span> <span>Z</span> <span>O</span> <span>O</span>
        </div>
        <div class="footer">
            Powered by SoloLeveling TM
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const loadingContainer = document.getElementById('loading-container');
            const mainContainer = document.getElementById('main-container');

            setTimeout(() => {
                loadingContainer.classList.remove('active');
                mainContainer.style.display = 'block';
            }, 4000);

            setTimeout(() => {
                loadingContainer.style.display = 'none';
                mainContainer.style.display = 'block';
            }, 4000);
        });
    </script>
</body>
</html>
