:root {
    --background-color: #fda3d8;
    --secondary-color: #ffffff;
    --post-background: #00000078;
    --header: url(/imgs/banner/pinky.webp);
    --header-repeat: no-repeat;
    --header-size: cover;
    --main-font: "LanaPixel", sans-serif;
    --blog-font: "LanaPixel", sans-serif;
    --background-image: none;
    --background-size: contain;
    --background-repeat: no-repeat;
    --text-transform: none;
  }


  
body {
    font-size: larger;
    font-family: var(--blog-font);
    color: var(--secondary-color);
    text-transform: var(--text-transform);
  }

    
body a{
    font-size: larger;
    font-family: var(--blog-font);
    color: var(--secondary-color);
    text-decoration: underline;
  }
  .ptBR{
    display: none;
  }
  h1 {
    color: var(--secondary-color);
    background-color: var(--post-background);
    border-color: var(--background-color);
    border-style: dashed;
    border-width: 2px;
    margin-bottom: 0px;
    text-decoration: none;
  }
  header h1 {
    cursor: url("imgs/cursor/link.png"), auto;
  }
  h1 a {
    text-decoration: none;
  }h2 {
    color: var(--secondary-color);
    background-color: var(--post-background);
    border-color: var(--secondary-color);
    border-style: hidden solid solid solid;
    border-width: 2px;
  }
  h3 {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
    border-style: hidden hidden solid hidden;
    border-width: 2px;
  }
  img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; 
  }
  .postdetails {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
    border-style: hidden hidden solid hidden;
    border-width: 2px;
    font-size: small;
    margin-top: 0px;
  }
  .postfooter {
    border-color: var(--secondary-color);
    border-style: hidden hidden dashed hidden;
    border-width: 5px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  #blog-new a {
    color: var(--secondary-color);
    background-color: var(--post-background);
    border-color: var(--background-color);
    border-style: dashed;
    border-width: 2px;
    margin-bottom: 0px;
    text-decoration: none;
  }

  #blog-old a {
    color: var(--secondary-color);
    background-color: var(--post-background);
    border-color: var(--background-color);
    border-style: dashed;
    border-width: 2px;
    margin-bottom: 0px;
    text-decoration: none;
  }

  .goback a {
    font-size:medium;
    font-family: var(--blog-font);
    color: var(--secondary-color);
    text-decoration: underline;
  }


  @font-face {
    font-family: "Home Video";
    src: url("/fonts/HomeVideo-BLG6G.ttf") format("truetype");
  }
  @font-face {
    font-family: "Aclonica";
    src: url("/fonts/Aclonica-Regular.ttf") format("truetype");
  }
  @font-face {
    font-family: "LanaPixel";
    src: url("/fonts/LanaPixel.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "Home Video";
    src: url("/fonts/HomeVideoBold-R90Dv.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "AbolitionW00-Regular";
    src: url("/fonts/AbolitionTest-Regular.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "Public Pixel";
    src: url("/fonts/PublicPixel-rv0pA.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "m6x11plus";
    src: url("/fonts/m6x11plus.ttf") format("truetype");
  }
  @font-face {
    font-family: "Refrigerator Deluxe Heavy";
    src: url("fonts/RefrigeratorDeluxeHeavy.ttf") format("truetype");
  }

  .sitemap_content {
    margin-top: 10px;
    font-size:larger;
    text-align: center;
    line-height: 200%;
  }


  .sitemap_content h1 {
    color: var(--secondary-color);
    background-color: var(--post-background);
    border-color: var(--background-color);
    border-style: dashed;
    border-width: 2px;
    margin-bottom: 0px;
    text-decoration: none;
    font-size:xx-large
  }

  /* .oc_content {
    margin-top: 10px;
    font-size:larger;
    text-align: center;
    line-height: 200%;
  } */
.gameRecom {
  height: 200px;
  align-content: center;
  text-align: center;
  background-color: var(--post-background);
  background-blend-mode:overlay;
  background-size: cover;
}

  .oc_content h1 {
    color: var(--secondary-color);
    background-color: var(--post-background);
    border-color: var(--background-color);
    border-style: dashed;
    border-width: 2px;
    margin-bottom: 0px;
    text-decoration: none;
    font-size:xx-large
  }
  .oc_icons img{
    margin-bottom: 10px;
    margin-top: 10px;
    align-content: center;
    text-align: center;
    height: 50px;
    width: auto;
  }
  .oc_icons img:hover{
    border-color: var(--secondary-color);
    border-style: solid;
    border-width: 1px;
    height: 55px;
    width: auto;
  }

  .oc_icons {
    display: flex;
    flex-wrap: wrap;
    gap:10px
  }

  .oc_img_container{
    display: grid;
    column-gap: 0.5%;
    grid-template-columns: 60% 30% 10%;
    max-width: 100%;
    align-items: center;
  }

  #oc_char_details {
    line-height: 130%;
    border-color: var(--secondary-color);
    border-style: hidden hidden dashed hidden;;
  }
  #oc_char_desc {
    margin-top: 2rem;
    font-size: larger;
    line-height: 120%;
  }
  #oc_char_name {
    font-size: 3rem;
    text-align: center;
  }