#bias-stats {
    max-width: 1220px;
    background-color: var(--bias-mainback);
    margin: 60px auto;
    margin-bottom: 0px;
    border: 1px solid var(--bias-medium);
    display: flex; 
    flex-direction: column;
}

#bias-stats .stat-top {
    width: 100%; 
    background-image: linear-gradient(7deg,rgba(0, 0, 0, 1) 56%, rgba(8, 8, 8, 0.74) 100%), var(--bias-subback); 
    background-size: cover; 
    background-position: bottom;
    display: flex;
    flex-wrap: wrap;
}

.stat-top .headline {
    width: 100%; 
    height: 60px;
    font-family: var(--bias-title2);
    color: var(--bias-light); 
    font-size: 36px; 
    font-style: italic; 
    font-weight: 900; 
    letter-spacing: 2px;
    text-align: right; 
    text-shadow: 0px 0px 10px var(--bias-acc);
    border-bottom: 1.5px solid var(--bias-medium);
    padding: 25px 20px 0px 0px;
}

.stat-top .top-content {
    width: 100%;
    display: flex; 
}

.basetitle {
    font-size: 11px; 
    color: var(--bias-acc); 
    font-weight: 900; 
    text-transform: uppercase;
    letter-spacing: 1px; 
}

bli {
    height: 1px; 
    width: 111px; 
    background-color: var(--bias-light);
    display: block;
}

.top-content .newuser {
    width: 60%; 
    display: flex; 
    flex-direction: column; 
    gap: 10px;
    padding: 50px;
    padding-bottom: 15px;
}

.newuser .newname {
    font-family: var(--bias-title2);
    font-size: 50px; 
    color: var(--bias-light); 
    font-weight: 900; 
    text-transform: uppercase;
    letter-spacing: 2.5px; 
    text-shadow: 0px 0px 10px var(--bias-acc);
    word-spacing: 200%;
}

.newuser .subname {
    font-size: 13px; 
    color: var(--bias-light); 
    letter-spacing: 1px; 
}

.newuser .viewlink {
    font-size: 12px; 
    color: var(--bias-accback); 
    font-weight: 900; 
    text-transform: uppercase;
    letter-spacing: 1px; 
}

.top-content .newthreads {
    width: 370px; 
    flex: 0 0 370px;
    display: flex; 
    flex-direction: column; 
    gap: 10px;
    padding: 50px 25px;
    padding-bottom: 15px;
    border-right: 1px solid var(--bias-medium);
}

.newthreads .nt-box {
    width: 100%; 
    display: flex; 
    flex-direction: column;
}

.nt-box .nt {
    width: 100%; 
    height: 50px; 
    border-bottom: 1px solid var(--bias-mediumback);
    display: flex; 
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.nt-box .nt a {
    max-width: 200px;
    color: var(--bias-light);
    text-shadow: 0px 0px 10px var(--bias-acc);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nt-box .nt author {
    font-size: 10px;
    font-style: italic;
    color: var(--bias-accback);
    filter: opacity(0.6);
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.nt-box .nt author a {
    font-size: 10px;
    font-style: italic;
    color: var(--bias-acc);
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.top-content .whoonline {
    width: 100%;
    display: flex; 
    flex-direction: column; 
    gap: 10px;
    padding: 50px 25px 15px 50px;
}

.whoonline .thenow {
    height: 160px; 
    border-bottom: 1px solid var(--bias-medium);
    overflow: auto;
    text-align: left;
    line-height: 160%;
}

.whoonline .thenow a { 
    color: var(--bias-light);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 15px;
}

.whoonline .then {
    height: 60px; 
    overflow: auto;
    text-align: left;
    line-height: 160%;
}

.whoonline .then a { 
    color: var(--bias-accback);
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 10px;
    text-transform: lowercase;
}

#bias-stats .stat-mid {
    width: 100%; 
    background: var(--bias-mediumback);
    display: flex;
}

.stat-mid .midquote {
    width: 100%; 
    display: flex; 
    flex-direction: column;
    gap: 10px; 
    padding: 25px 0px 25px 50px;
}

.midquote .quotebox {
    max-width: 380px;
    padding-right: 20px;
    height: auto;
    max-height: 80px; 
    overflow: auto;
    color: var(--bias-light); 
    line-height: 160%;
}

.midquote .quoter {
    padding-top: 10px; 
    border-top: 1px solid var(--bias-medium); 
    font-family: var(--bias-title2);
    font-size: 30px; 
    color: var(--bias-light); 
    font-style: italic;
    font-weight: 900;
}

.midquote .quoter a {
    color: var(--bias-acc);
    font-weight: 900;
    text-shadow: 0px 0px 10px var(--bias-acc);
}

.midquote .quoter span a {
	font-size: 10px;
	font-family: var(--bias-txt);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-style: italic;
}

.stat-mid .midgroup {
    flex: 0 0 430px;
    display: flex; 
    flex-direction: column;
    gap: 10px; 
    padding: 25px 0px 25px 50px;
}

.midgroup .groupswrap {
    margin-top: 25px;
    width: 100%; 
    display: flex; 
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px 60px;
}

.midgroup .grp {
    width: 100px;
    display: flex; 
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.grp i {
    font-size: 40px; 
    color: #303030;
}

#bsher i {
    color: var(--bias-her);
}

#bsvil i {
    color: var(--bias-vil);
}

#bsstu i {
    color: var(--bias-stu);
}

#bsciv i {
    color: var(--bias-civ);
}

#bsgov i {
    color: var(--bias-gov);
}

#bsind i {
    color: var(--bias-ind);
}

.grp name {
    color: #7e7e7e; 
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
}

.stat-mid .midaways {
    width: 60%; 
    display: flex; 
    flex-direction: column;
    gap: 10px; 
    padding: 25px 0px 25px 50px;
}

.midaways .afk {
    text-align: left;
    line-height: 160%;
    color: var(--bias-glow);
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: lowercase;
    display: flex; 
    flex-direction: column;
}

.afk a { 
    color: var(--bias-accback);
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: lowercase;
}