table
{
    width: 100%;
    height: auto;
    border: none;
    border-spacing: 10px;
    font-size: 160% !important;
    text-align: center;
    font-weight: bold;
}

.table-card{
    border: 1px solid #0087ff;
    background-color: rgba(0, 135, 255, 0.1);
    border-radius: 6px;
    transition: ease-out 0.3s;
}

.table-card:hover{
    cursor: default;
    background-color: rgba(0, 135, 255, 0.4);
}

bi-1 
{
    color: #2658ff;
    /*display: block;*/
}
bi-1::after{
    content: "\a";
    white-space: pre;
}

.bi-1-anim {
    text-decoration: none ;
    position: relative;
    font-weight: bold;
}
.bi-1-anim::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #2658ff;

    transform: scaleX(0);
    transform-origin: right;
    transition: transform 500ms ease-in-out;
}
.bi-1-anim:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
.bi-1-anim-long {
    text-decoration: none ;
    position: relative;
    font-weight: bold;
}
.bi-1-anim-long::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #2658ff;

    transform: scaleX(0);
    transform-origin: right;
    transition: transform 1000ms ease-in-out;
}
.bi-1-anim-long:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
.bi-1-hover {
    color:#0087ff;
    transition: all 250ms ease-in-out;
}
.bi-1-hover:hover {
    color: #2658ff;
}

.bi-2-anim {
    text-decoration: none ;
    position: relative;
    font-weight: bold;
}
.bi-2-anim::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #0087ff;

    transform: scaleX(0);
    transform-origin: right;
    transition: transform 500ms ease-in;
}
.bi-2-anim:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/*
.bi-1-anim {
    color: #2658ff;
}
.bi-1-anim:hover {
    background: linear-gradient( #0087ff , #0087ff) #2658ff no-repeat 0 0;
    background-clip: text;
    background-size: 0 100%;
    animation: stripes 2s linear 1 forwards;
}
@keyframes stripes {
    to {
        background-size:100% 100%;
    }
}
*/

bi-2-cretaedat
{
    color: #ffffff;
    font-size: 100% !important;
}
bi-2-language-1
{
    color: #ffffff;
    font-size: 80% !important;
}
bi-2-language-2
{
    color: #ffffff;
    font-size: 60% !important;
}
bi-2-developer
{
    color: #ffffff;
    font-size: 80% !important;
}
bi-2-ping
{
    color: #ffffff;
    font-size: 100% !important;
}
bi-2-ram
{
    color: #ffffff;
    font-size: 100% !important;
}
bi-2-uptime
{
    color: #ffffff;
    font-size: 90% !important;
}
bi-2-commands
{
    color: #ffffff;
    font-size: 100% !important;
}

bi-2-count 
{
    color: #ffffff;
    font-size: 100% !important;
}