@font-face { font-family: PKMN; src: url('/fonts/PKMN\ RBYGSC.ttf'); }
@font-face { font-family: PixelNes; src: url('/fonts/Pixel_NES.otf'); }
@font-face { font-family: Digital-7; src: url("/fonts/digital-7.ttf") format("truetype"); font-weight: normal; font-style: normal; }

body 
{
    /*background: no-repeat center center fixed url('../img/background/gengar.gif');*/
    background-color: #1a1a1a;
    z-index: -5;
    background-size: cover; 
    image-rendering: pixelated; 
    image-rendering: crisp-edges; 
    image-rendering: optimizeSpeed; 
    cursor: url(/img/other/csgo\ red\ crosshair.cur), auto;
}

a
{
    color: #0099ff;
    text-decoration: none;
    font-family: monospace;
    font-size: 1em;
    cursor: url(/img/other/csgo\ red\ crosshair.cur), auto;
}

ul
{
    width: fit-content;
    height: fit-content;
}

li
{
    color: #FFF;
    font-family: monospace;
    font-size: 1em;
}

p
{
    color: #FFF;
    display: inline-block;
    font-family: monospace;
    font-size: 1em;
}

h1
{
    font-size: 1.5em;
    font-family: monospace;
    color: #ffffff;
    text-shadow: #acacac;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 5px;
}

.header
{
    color: #FFF;
    text-align: center;
}

.center
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 15px;
    margin: 5px;
}

#links
{
    color: #FFF;
    font-size: smaller;
    margin: auto;
    text-align: center;
}

.info
{
    /*border-color: #7d6d85;
    border-style: solid;*/
    padding: 10px 15px;
    margin: auto;
    /*background-color: rgba(109, 82, 117, 0.9);*/
    width: fit-content;
    height: fit-content;
    display: block;
}

.flex-list 
{
  display: block;
  justify-content: space-around; /* Distributes items evenly with space around them */
  list-style-type: none; /* Removes bullet points */
}

/*img 
{
    width: auto;
    height: auto;
    object-fit: contain;
    border: 2px solid #000;
}*/

#socials
{
    color: #FFF; 
    text-align: center;
    border: 1px solid rgb(255, 255, 255);
}

#pkmnshowcase
{
    display: inline-block;
    width: 64px;
    height: 64px;
    /*border: 1px solid rgb(74, 138, 255);
    background-color: rgba(0,0,0,0.8);*/
}

#pokeid
{
    font-family: PKMN;
    font-size: small;
    color: #FFF;
    width: auto;
    height: auto;
    display: inline-block;
}

.pokebox 
{
    font-size: 0.5em;
    font-family: "PKMN", Arial, sans-serif;
    border-radius: 2px;
    padding: 8px;
    min-width: fit-content;
    min-height: fit-content;
    display: inline-block;
    line-height: 16px;
    background: rgb(189, 189, 189);
    border: 1px solid rgb(212, 212, 212);
    box-shadow: 0 1px 0 1px black,
                inset 0 1px 0 1px black,
                0 0 0 1px black,
                inset 0 0 0 1px black;
  }
  .pokebox > i 
  {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: black;
    margin-top: 23px;
    animation: bounce 0.5s ease-in-out 0 infinite alternate;
    float: right;
  }
  
  @keyframes bounce 
  {
    from { margin-top: 20px; }
    to { margin-top: 23px; }
  }
  
#fps {
    font-family: Digital-7;
    position: fixed;
    left: 0;
    top: 0;
    color: lime;
    outline: black;
    text-shadow: none;
}