~ ~ 2 ROUND SWISS POOL TOUR ~ ~

🌈 GAME RULES 🌈

2️⃣ ROUND SWISS TOUR
~:::**•°✎ TO SET THE TABLE, ONE PLAYER MUST CLICK 'TAP TO START' •°✎:::~

❤️ CLICK ON PRIVATE ❤️
⚡ SET A ROOM PASSWORD WITH TWO LETTERS AND SHARE IT WITH YOUR OPPONENT ⚡

🌞 YOUR OPPONENT CLICKS 'PRIVATE', ENTERS THE PASSWORD, AND SELECTS THE ROOM 🌞
🌹 BOTH PLAYERS MUST HIT 'PLAY' TO ENTER THE ROOM TOGETHER 🌹

🎱 POOL RULES 🎱

🎵 REGULAR POOL 🎵
🌈 YOU MUST HIT THE 1 BALL WHEN BREAKING. FAILURE RESULTS IN A TIMEOUT UNTIL YOUR OPPONENT'S TURN 🌈

❤️ 2 MINUTES TO GET TO THE TABLE AFTER BEING CALLED ❤️
🌷 GAMES ARE TIMED AT 15 MINUTE ROUNDS 🌷

😲 HIGHER SCORE WINS 😲

Matchups: 1️⃣ vs 1️⃣ : YES
⚡ PLEASE NOTE: TIMES AND NUMBER OF ROUNDS MAY CHANGE BASED ON PARTICIPATION. CHECK WITH THE TOURNAMENT DIRECTOR FOR UPDATES ⚡

💢 MATCH DISPUTES 💢
IN CASE OF DISPUTE, THE TOURNAMENT DIRECTOR WILL ADJUDICATE 💢

❤️ GOOD LUCK, HAVE FUN, AND THANK YOU FOR SUPPORTING MY LEAGUE & A LEAGUE OF THEIR OWN! ❤️

Top Image URL

Custom Html Code Here

<html>
   <head>
<style>
  body {
    background-image: url('https://i.imgur.com/bkVmSng.jpeg');
    background: flex;
  }
    /* Apply transition to smooth the animation */
    a {
        display: inline-block; /* Necessary for animation to work */
        text-decoration: none;
        font-size: 14pt;
        color: gold; /* Set default color to gold */
        position: relative; /* Set position to relative */
    }

/* Fade-in effect */
    a::before {
        content: ''; /* No content for the before pseudo-element */
        position: absolute; /* Position the pseudo-element */
        left: 0; /* Align to left */
        bottom: 0; /* Align to bottom */
        width: 100%; /* Full width */
        height: 2px; /* Underline height */
        background-color: gold; /* Underline color */
        transition: height 0.3s ease; /* Add transition */
        z-index: -1; /* Ensure underline is behind text */
    }

/* Show underline animation on hover */
    a:hover::before {
        height: 100%; /* Expand height to full */
    }

/* Other link styles */
    a:visited {
        /* Style for visited links */
    }
    
    a:active {
        /* Style for active links */
    }
</style>

</center>

<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Crafted By: R.Y.U</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #000000;
            margin: 0;
            padding: 0;
        }

.container {
            width: 60%;
            margin: 50px auto;
            text-align: center;
        }

.profile-box {
            display: inline-block;
            padding: 6px 12px;
            background-color: lightgreen; /* Lighter red background */
            border: 2px solid darkgreen; /* Dark red border */
            border-radius: 5px;
            transition: background-color 0.3s ease;
            font-size: 14px;
            color: white; /* Change text color to white */
            width: auto;
            height: auto;
        }

.profile-box:hover {
            background-color: lightgreen; /* Keep the background color as #FF6666 on hover */
        }

.profile-box a {
            text-decoration: none;
            color: darkgreen; /* Change text color to white */
            font-weight: bold;
            transition: color 0.3s ease; /* Add transition effect */
        }

.profile-box a:hover {
            color: green; /* Change text color to dark red on hover */
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="profile-box"> <a href="https://www.myleague.com/leagueofown/profile/Riot"> Crafted by: R.Y.U </a> </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
   <head>
      <title>Shaded Box Example</title>
      <style>
        .shaded-box {
            background-color: lightgreen; /* Lighter red background */
            border: 2px solid darkgreen; /* Dark red border */
            border-radius: 5px; /* Rounded corners */
            padding: 10px; /* Adjusted padding */
            width: 350px; /* Adjusted width */
            height: 7px; /* Decreased height */
            /* Center the content vertically */
            display: flex;
            justify-content: center;
            align-items: center;
        }

.shaded-box p {
            font-size: 12px; /* Decreased font size */
            color: darkgreen; /* Change text color to white */
        }

.shaded-box a {
            text-decoration: none;
            color: green; /* Change text color to white */
            transition: color 0.3s ease; /* Add transition effect */
        }

.shaded-box a:hover {
            color: darkgreen; /* Change text color to dark red on hover */
        }

/* Apply effects only to the "Riot" text */
        .shaded-box a span {
            transition: transform 0.3s ease; /* Add transition effect */
        }

.shaded-box a:hover span {
            transform: scale(1.1); /* Scale up on hover */
        }
      </style>
   </head>
   <body>
      <div class="shaded-box">
         <p>Note: Want your desired tour page? Fill up the form! 📝 <a href="https://form.jotform.com/241611913450448"><span>Riot</span></a></p>
      </div>
     <br />
<div style="max-width: 700px; background-color: #e0f2f1; border: 2px solid #4CAF50; border-radius: 10px; padding: 20px; text-align: center;">

<h1 style="color: #4CAF50; font-size: 28px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold;">~ ~ 2 ROUND SWISS POOL TOUR ~ ~</h1>

<h2 style="color: #2196F3; font-size: 22px; letter-spacing: 1px; font-weight: bold;">🌈 GAME RULES 🌈</h2>

<p style="font-size: 18px; line-height: 1.6; font-weight: bold;">
  <strong>2️⃣ ROUND SWISS TOUR</strong><br>
  <span style="font-size: 16px;">~:::**•°✎ TO SET THE TABLE, ONE PLAYER MUST CLICK 'TAP TO START' •°✎:::~</span>
</p>

<p style="font-size: 18px; line-height: 1.6; font-weight: bold;">
  <strong>❤️ CLICK ON PRIVATE ❤️</strong><br>
  <span style="font-size: 16px;">⚡ SET A ROOM PASSWORD WITH TWO LETTERS AND SHARE IT WITH YOUR OPPONENT ⚡</span>
</p>

<p style="font-size: 18px; line-height: 1.6; font-weight: bold;">
  <strong>🌞 YOUR OPPONENT CLICKS 'PRIVATE', ENTERS THE PASSWORD, AND SELECTS THE ROOM 🌞</strong><br>
  <span style="font-size: 16px;">🌹 BOTH PLAYERS MUST HIT 'PLAY' TO ENTER THE ROOM TOGETHER 🌹</span>
</p>

<h2 style="color: #FFC107; font-size: 22px; letter-spacing: 1px; font-weight: bold;">🎱 POOL RULES 🎱</h2>

<p style="font-size: 18px; line-height: 1.6; font-weight: bold;">
  <strong>🎵 REGULAR POOL 🎵</strong><br>
  <span style="font-size: 16px;">🌈 YOU MUST HIT THE 1 BALL WHEN BREAKING. FAILURE RESULTS IN A TIMEOUT UNTIL YOUR OPPONENT'S TURN 🌈</span>
</p>

<p style="font-size: 18px; line-height: 1.6; font-weight: bold;">
  <strong>❤️ 2 MINUTES TO GET TO THE TABLE AFTER BEING CALLED ❤️</strong><br>
  <span style="font-size: 16px;">🌷 GAMES ARE TIMED AT 15 MINUTE ROUNDS 🌷</span>
</p>

<p style="font-size: 18px; line-height: 1.6; font-weight: bold;">
  <strong>😲 HIGHER SCORE WINS 😲</strong>
</p>

<p style="font-size: 18px; line-height: 1.6; font-weight: bold;">
  <strong>Matchups: 1️⃣ vs 1️⃣ : YES</strong><br>
  <span style="font-size: 16px;">⚡ PLEASE NOTE: TIMES AND NUMBER OF ROUNDS MAY CHANGE BASED ON PARTICIPATION. CHECK WITH THE TOURNAMENT DIRECTOR FOR UPDATES ⚡</span>
</p>

<p style="font-size: 18px; line-height: 1.6; font-weight: bold;">
  <strong>💢 MATCH DISPUTES 💢</strong><br>
  <span style="font-size: 16px;">IN CASE OF DISPUTE, THE TOURNAMENT DIRECTOR WILL ADJUDICATE 💢</span>
</p>

<p style="font-size: 18px; line-height: 1.6; font-weight: bold;">
  <strong>❤️ GOOD LUCK, HAVE FUN, AND THANK YOU FOR SUPPORTING MY LEAGUE & A LEAGUE OF THEIR OWN! ❤️</strong>
</p>

</div>

</body>
  </html>
<br /><br />

Copy & Paste The Following Into *Background Image