.my-systems-table {
    margin-top: 3%;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    background-color: #2c3e50;
    font-size: larger;
}

.my-systems-table tr:hover {
    background-color: #202e3b;
    transition: background-color 0.3s ease;
}

.my-systems-table-td {
    padding: 20px;
    text-align: left;
    border-bottom: 1px solid #34495e;
    color: #fff;
    font-size: larger;
    width: 80%;
}

.my-systems-table-td-link {
    padding: 20px;
    text-align: left;
    border-bottom: 1px solid #34495e;
    color: #fff;
    font-size: large;
    width: 10%;
    cursor: pointer;
}

.my-systems-table-header {
    background-color: #3498db;
    padding: 20px;
    font-size: larger;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #34495e;
}

.my-systems-table-delete {
    padding: 20px;
    font-size: large;
    color: #e74c3c;
    text-align: center;
    cursor: pointer;
    border: none;
    background-color: #5000;
}