<div id="overlayContainer" style="display:none; background: rgb(220, 220, 220); box-shadow: rgba(23, 23, 23, 0.5) 17px -5px 20px inset;">
    <div id="serverSelectContent" style=""><div class="settingsNavDivider" style="
    position: relative;
    top: -88px;
    left: -340px;
    font-size: 20px;
    color: white;
    width: 444px;
    height: 530px;
    margin-bottom: -527px;
    margin-left: 0px;
    background: linear-gradient(to bottom, #e22b2b, #d72d2d);
    transform: skew(-13deg, 0deg);
    z-index: 0;
"></div>

    <div class="settingsNavDivider" style="
    position: relative;
    top: -91px;
    left: 60px;
    color: white;
    width: 115px;
    height: 530px;
    margin-bottom: -607px;
    margin-left: 0px;
    background: linear-gradient(to bottom, #191919, #2d2d2d);
    transform: skew(-21deg, 0deg);
    z-index: 1000;
    box-shadow: 16px 2px 20px #00000057;
"></div>
        <span id="serverSelectHeader" style="
    position: relative;
    left: 368px;
    font-size: 25px;
    font-weight: bolder;
    top: 10px;
    color: #2f2f2f;
">Available Servers</span>

<div id="serverSelectList" style="
    left: 260px;
    position: relative;
">
            <div id="serverSelectListScrollable" style="position: relative;top: 46px;left: -26px;"><button class="serverListing" servid="PokeUniverse-Reforged-1.12.2">
            <img class="serverListingImg" src="https://cdn.discordapp.com/attachments/633075792917823508/634532276721418241/logo_1.png">
            <div class="serverListingDetails">
                <span class="serverListingName">PokeUniverse Reforged</span>
                <span class="serverListingDescription">Official Server</span>
                <div class="serverListingInfo">
                    <div class="serverListingVersion">1.12.2</div>

                    <div class="serverListingStarWrapper">
                        <svg id="Layer_1" viewBox="0 0 107.45 104.74" width="20px" height="20px">
                            <defs>
                                <style>.cls-1{fill:#fff;}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;}</style>
                            </defs>
                            <path class="cls-1" d="M100.93,65.54C89,62,68.18,55.65,63.54,52.13c2.7-5.23,18.8-19.2,28-27.55C81.36,31.74,63.74,43.87,58.09,45.3c-2.41-5.37-3.61-26.52-4.37-39-.77,12.46-2,33.64-4.36,39-5.7-1.46-23.3-13.57-33.49-20.72,9.26,8.37,25.39,22.36,28,27.55C39.21,55.68,18.47,62,6.52,65.55c12.32-2,33.63-6.06,39.34-4.9-.16,5.87-8.41,26.16-13.11,37.69,6.1-10.89,16.52-30.16,21-33.9,4.5,3.79,14.93,23.09,21,34C70,86.84,61.73,66.48,61.59,60.65,67.36,59.49,88.64,63.52,100.93,65.54Z"></path>
                            <circle class="cls-2" cx="53.73" cy="53.9" r="38"></circle>
                        </svg>
                        <span class="serverListingStarTooltip">Main Server</span>
                    </div>
                </div>
            </div>
        </button><button class="serverListing" servid="PokeUniverse-Generations-1.12.2" selected="">
            <img class="serverListingImg" src="https://cdn.discordapp.com/attachments/633075792917823508/634532276721418241/logo_1.png">
            <div class="serverListingDetails">
                <span class="serverListingName">PokeUniverse Generations</span>
                <span class="serverListingDescription">Official Server</span>
                <div class="serverListingInfo">
                    <div class="serverListingVersion">1.12.2</div>
                    <div class="serverListingRevision">New</div>

                </div>
            </div>
        </button><button class="serverListing" servid="PokeUniverse-Reforged-1.12.2-VR">
            <img class="serverListingImg" src="assets/images/Unitled.png">
            <div class="serverListingDetails">
                <span class="serverListingName" style="left: 40px;">PokeUniverse Reforged VR</span>
                <span class="serverListingDescription">Official Server</span>
                <div class="serverListingInfo">
                    <div class="serverListingVersion">1.12.2</div>
                    <div class="serverListingRevision">New</div>
                    <div class="serverListingStarWrapper">
                        <svg id="Layer_1" viewBox="0 0 107.45 104.74" width="20px" height="20px">
                            <defs>
                                <style>.cls-1{fill:#fff;}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;}</style>
                            </defs>
                            <path class="cls-1" d="M100.93,65.54C89,62,68.18,55.65,63.54,52.13c2.7-5.23,18.8-19.2,28-27.55C81.36,31.74,63.74,43.87,58.09,45.3c-2.41-5.37-3.61-26.52-4.37-39-.77,12.46-2,33.64-4.36,39-5.7-1.46-23.3-13.57-33.49-20.72,9.26,8.37,25.39,22.36,28,27.55C39.21,55.68,18.47,62,6.52,65.55c12.32-2,33.63-6.06,39.34-4.9-.16,5.87-8.41,26.16-13.11,37.69,6.1-10.89,16.52-30.16,21-33.9,4.5,3.79,14.93,23.09,21,34C70,86.84,61.73,66.48,61.59,60.65,67.36,59.49,88.64,63.52,100.93,65.54Z"></path>
                            <circle class="cls-2" cx="53.73" cy="53.9" r="38"></circle>
                        </svg>
                        <span class="serverListingStarTooltip">Main Server</span>
                    </div>
                </div>
            </div>
        </button></div>
        </div>
        <div id="serverSelectActions">
            <button id="serverSelectConfirm" class="overlayKeybindEnter" type="submit">Confirm</button>
            <div id="serverSelectCancelWrapper">
                <button id="serverSelectCancel" class="overlayKeybindEsc">❮ Cancel</button>
            </div>
        </div>
    </div>
    <div id="accountSelectContent" style="display: none;">
        <span id="accountSelectHeader">Select an Account</span>
        <div id="accountSelectList">
            <div id="accountSelectListScrollable">
                <!-- Accounts populated here. -->
            </div>
        </div>
        <div id="accountSelectActions">
            <button id="accountSelectConfirm" class="overlayKeybindEnter" type="submit">Select</button>
            <div id="accountSelectCancelWrapper">
                <button id="accountSelectCancel" class="overlayKeybindEsc">Cancel</button>
            </div>
        </div>
    </div>
    <div id="overlayContent" style="display: none;">
        <span id="overlayTitle">Lorem Ipsum:<br>Finis Illud</span>
        <span id="overlayDesc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud..</span>
        <div id="overlayActionContainer">
            <button id="overlayAcknowledge" class="overlayKeybindEnter">Conare Iterum</button>
            <div id="overlayDismissWrapper">
                <button id="overlayDismiss" style="" class="overlayKeybindEsc">Dismiss</button>
            </div>
        </div>
    </div>
    <script src="./assets/js/scripts/overlay.js" style="display: none;"></script>
</div>