@font-face {
  font-family: 'retroitalics';
  src: url('/theme/retroitalics.ttf');
}

@font-face {
  font-family: 'mieszkanie';
  src: url('/theme/mieszkanie9.otf');
}

@font-face {
  font-family: 'poti';
  src: url('/theme/poti.ttf');
}

body {
    background-image: url('/theme/images/about_pics/ha01-bg-stripe.gif');
    background-size: repeat;
}

#website-header h1 {
    font-family: 'poti';
    font-size: 150px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 0%;
}

#board {
    font-family:'Lora', serif;
    font-weight:bolder;

}

#wrapper {
    
    
    display: flex;
    flex-direction: row;
    gap:2%;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 0%;
    
}

.mainbar-one {
    width: 30%;
}

.abt_blurb {
    width: 100%;
    padding: 3%;
    background: #81810E;
    border-color: #131313;
    border-style:double;
    
}

.abt_blurb p{
    font-family: 'retroitalics';
    font-size: 12px;
}

.abt_blurb a{
    color: #2B4E4E;
    margin-top: 35px;
    margin-bottom: 35px;
    margin-left: 5px;
    margin-right: 5px;
    transition: 0.5s ease;
}

.abt_blurb a:hover{
    color: #FF798F;
    filter: blur(1px);
    
}








.blaseballstats {
background:#131313;
color:white;
font-family:'Lora', serif;
font-size:14px;
width:40%;
border:double white 5px;
outline:none;
padding:20px 0px;
letter-spacing:normal
}
.blname {
font-size:1.5em;
margin:5px 25px;
padding:0
}
.blemoji {
background:pink; /* change this to whatever you want your team color to be!*/
display:inline-block;
width:30px;
height:30px;
text-align:center;
line-height:30px;
border-radius:50%;
margin-left:25px
}
.blbuttons {
font-family:sans-serif;
border-top:.5px white solid;
margin-top:10px;
padding:10px;
padding-bottom:0px;
border-bottom:.5px white solid;
}
.blbuttons span {
display:inline-block;
width:48%;
text-align:center;
font-weight:bold;
font-size:11px;
line-height:20px;
}
.blbuttons span:first-of-type {
background:white;
color:black;
border-radius:5px 5px 0px 0px
}
table.blstats {
margin:20px 0px;
width:100%;
border-collapse: collapse;
font-size:13px
}
table.blstats tr td {
padding:6px 15px
}
table.blstats tr:nth-of-type(odd) {
background:black
}
table.blstats tr td:first-of-type {
font-weight:bold;
width:50%;
vertical-align:top;
padding-left:30px
}
table.blstats tr td:last-of-type {
padding-right:30px
}
/* vibes stats */
table.blstats .blvibes.mostexc::before {
color:#07ce00;
content:"↑↑↑ 	Most Excellent "}
table.blstats .blvibes.exc::before {
color:#5ad954;
content:"↑↑  Excellent "}
table.blstats .blvibes.quality::before {
color:#99d490;
content:"↑ "}
table.blstats .blvibes.neutral::before {
color:#c4c4c4;
content:"⬌  Neutral"}
table.blstats .blvibes.lessthan::before {
color:#dc7474;
content:"↓ 	Less Than Ideal "}
table.blstats .blvibes.farless::before {
color:#df3c3c;
content:"↓↓ 	Far Less Than Ideal "}
table.blstats .blvibes.terrible::before {
color:#dd0000;
content:"↓↓↓"}

table.blstats td.soulscream {
    color:red;
    word-break:break-all;
    font-style:italic;
    font-family:serif;
}