     
        .main-overlay .cards_box {
            display: flex;
            flex-flow: wrap;
            justify-content: space-around;
            flex-direction: row;
        }
        
        .card {
            max-width: 350px;
            min-width: 350px;
            padding: 10px;
            border: thin #080808 solid;
            background-color: rgba(255,255,255,1.0);
        }

        
        .card .side .image img {
            width: 120px;
            height: 120px;
            padding: 3px;
            background: lightslategrey;
        }
        
        .card .side .info .name {
            font-size: 18px;
            font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
            text-align: center;
            color: #080808;
        }
        
        .card .side .info .id {
            font-size: 14px;
            font-family: Ubuntu;
        }
        
        .card .side {
            margin-bottom: 10px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        
        .card .side .info {
            margin: 10px;
            display: flex;
            /* flex-direction: row; */
            /* justify-content: space-between; */
        }
        
        
        .card .side .info .name a{
            color:#666;
        }

        .card .side .info .name a:hover{
            color:darkorange;
        }