.logo {
    max-width: 40px;
}
.nav-link {
    color: #ffffff !important;
    font-size: 16pt !important;
}
.main {
    width: 100vw;
    height: calc(100vh);
    background: url('../images/background1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    filter: brightness(90%) invert(0);
    background-attachment: fixed;

}
.table_sort table {
    border-collapse: collapse;
}
.table_sort th {
    color: #D3D3D3;
    background: #505050;
    cursor: pointer;
    width: 600px;
    height: 40px;
    text-align: center;
    border: 2px solid #303030;
}
.table_sort td {
    width: 600px;
    height: 40px;
    text-align: center;
    border: 2px solid #303030;
    color: #D3D3D3;
}
.table_sort tbody tr:nth-child(even) {
    background: #505050;
}
th.sorted[data-order="1"],
th.sorted[data-order="-1"] {
    position: relative;
}
th.sorted[data-order="1"]::after,
th.sorted[data-order="-1"]::after {
    right: 8px;
    position: absolute;
}
th.sorted[data-order="-1"]::after {
    content: "▼"
}
th.sorted[data-order="1"]::after {
    content: "▲"
}
.hero {
    color: #3CB371;
    font-weight: 700;
}
.text {
  color: #3CB371 !important;
  text-decoration: none
}
.card-title {
    font-size: 14px;
    font-weight: 700;
    color: #D3D3D3 !important;
}
.item {
    font-size: 20px;
    font-weight: 800;
    color: #D3D3D3;
}
.background {
    background: #404040;
}
.gg {
    background: #202020;
}
.white {
    color: #D3D3D3;
}