body{
    margin:0px;
    padding:0px;
}

.tsparticle {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #141516;
}
#tsparticles {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #141516;
}

#floating-stats {
    position: fixed;
    /* Fixed positioning to keep it in place */
    bottom: 20px;
    /* 20px from the bottom of viewport */
    right: 20px;
    /* 20px from the right of viewport */
    width: 250px;
    /* Fixed width, can be adjusted */
    padding: 15px;
    /* Padding inside the div */
    background-color: rgba(0, 0, 0, 0.7);
    /* Semi-transparent black background */
    color: white;
    /* White text color */
    border-radius: 8px;
    /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    /* Shadow for better visibility */
    z-index: 1000;
    /* Make sure it's on top of other content */
    font-family: Arial, sans-serif;
    /* Font styling */
    font-size: 14px;
    /* Font size */
}

#floating-stats span {
    font-weight: bold;
    /* Bold for the values */
}

#floatingDivTopRight {
    position: fixed;
    /* Fixed positioning to keep it in place */
    top: 0;
    /* 20px from the bottom of viewport */
    right: 0;
    /* 20px from the right of viewport */
    width: 300px;
    /* Fixed width, can be adjusted */
    padding: 15px;
    /* Padding inside the div */
    background-color: rgba(0, 0, 0, 0.5);
    /* Semi-transparent black background */
    color: white;
    /* White text color */
    border-radius: 8px;
    /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    /* Shadow for better visibility */
    z-index: 1000;
    /* Make sure it's on top of other content */
    font-family: Arial, sans-serif;
    /* Font styling */
    font-size: 14px;
    /* Font size */
}
.actions{
   color:#fff200;
}
.actions:hover{
    color:#efe300;
 }
#recent_list {
    padding: 0px;
    margin: 0px;
    margin-left: 3px;

}

.li-url {
    list-style: none;
    padding: 2px;
}

ul.legend {
    padding: 0;
    display: flex;
    /* Aligns all list items in a row */
    gap: 3px;
    /* Adds space between each list item */
}

ul.legend li {
    display: flex;
    /* Establishes a flex container */
    align-items: center;
    /* Vertically centers the flex items */
}

.color-box {
    display: inline-block;
    width: 15px;
    /* Width of the color box */
    height: 15px;
    /* Height of the color box */
    margin-right: 3px;
    /* Space between the color box and text */
    border: 1px solid #000;
    /* Optional: adds border around the color box */
}