table, td {
    border: 2px solid;
    padding: 5px 0;
}

table {
    width: 100%;
    border-collapse: collapse;
}
.userbox{
   font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'Helvetica', 'Arial', sans-serif;
   float:left;
   border-color: var(--dviolet);
   margin: 3px;
   width: 1320px;
}
.userid{
   border:0;
   width:275px;
   height:275px;
   background: var(--dviolet);
   text-align:center;
   font-size:70pt;
   font-weight:bold;
   color:#ffffe0;
   padding:0 1px 0 0;
   line-height:1.25em;
   vertical-align:middle;
   text-shadow: none;
}
.userid img{
   height: 270px;
   width: 270px;
   margin: auto;
   
   vertical-align:middle;
}
.usercontent{
   background: var(--white);
   border:0;
   text-align:left;
   font-size:40pt;
   padding:0 20px 0 20px;
   height:205px;
   line-height:1.1;
   color:black;
   vertical-align:middle;
   text-shadow: none;
}
.usercontent a{
   color: #36c;
   font-style: normal;
   text-decoration-line: none;
}
.usercontent a:hover{
   text-decoration-line: underline;
}