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

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

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

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

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

body {
    background-image: url('/theme/images/fieldnotes_pics/k05-bg-checked.gif');
    background-size: repeat;

  }









  #wrapper {
    width: 80%;
    margin-left: 10%;
  }

  .racheltitle {
    font-family: 'rachel';
    font-size: 100px;
    color: #dddce3;
    -webkit-text-stroke: 0.5px #050B2F;
  }
  .mochicatitle {
    font-family: 'mochica';
    font-size: 100px;
    color: #fdfc6f;
    -webkit-text-stroke: 0.5px #050B2F;
  }
  .puzzle {
    font-family: 'puzzle';
    font-size: 35px;
    color: #F4424F;

  }


  #fieldnotes-header h1 {
    font-size: large;
  }

  #fieldnotes-header a {
    font-family: 'mochica';
    color: #F4424F;
    -webkit-text-stroke: 1px #050B2F;
    text-decoration: none;
    font-size:30px;
    margin-left:10px;

  }

  #fieldnotes-header a:hover {
    color: #dddce3;

  }

  #fieldnotes-box {
    display: flex;
    flex-direction: row;
    gap: 4%;
 
  }

  #fieldnotes-sidebar {
    width: 28%;
  }

  #fieldnotes-sidebar img{
    display: block;
    margin: 0; /* Ensures all explicit margins are removed */
    padding: 0;
    border-top: #666370 solid 7px;

  }

  .collapsible {
    width: 100%;
    outline: none;
    border: none;
    height: 40px;
    margin:0px;
    padding:0px;
    font-family: 'rubik';

  }

  #collapsible27 {
    background-color: #D33E43;
    margin-top: 0%;
  }

  #collapsible26 {
    background-color: #9B7874;
  }
  #collapsible25 {
    background-color: #666370;
  }

  .buttoncontent {
    display: grid;
    grid-template-columns: auto auto auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease-out; 
    background-color: #dddce3;
  }

  .buttoncontent.open {
    max-height: 400px;
  }

  .entries_button {
    background: none;
    border: none;
    font-family: 'rubik', sans-serif;
    font-size: 13px;
    color: #050B2F;
    padding: 9px;
    transition: 0.5s ease;

  }

  .entries_button:hover {
    text-decoration: underline;
  }



  #fieldnotes-entrybar{
    width: 68%;
    background-color: #050B2F;
    border: #666370 solid 7px;
    padding: 20px;
  }

  #entrybar-decopic {
    margin: 0px;
    padding: 0px;
  }

  #entrybar-decopic img{
    z-index: 10;
    position: absolute;
    width: 10%;
    transform: translate(550px, -100%);
  }

  #entrybar-decopic2 {
    margin: 0px;
    padding: 0px;
  }

  #entrybar-decopic2 img{
    z-index: 10;
    position: absolute;
    width: 10%;
    transform: translate(650px, -106%);
  }

 .rachelinner {
    font-family: 'rachel';
    font-size: 40px;
    color: #dddce3;
  }
  .mochicainner {
    font-family: 'mochica';
    font-size: 40px;
    color: #fdfc6f;
  }
  .puzzleinner {
    font-family: 'rubik';
    font-size: 45px;
    color: #F4424F;
    font-weight: 100;
  }

  #fieldnotes-entrybar p {
    border-top: #F4424F dotted 2px;
    font-family: 'rubik';
    color: #dddce3;
    line-height: 2;

  }


  #fieldnotes-entrybar li {
    font-family: 'rubik';
    color: #dddce3;
    line-height: 2;
  }

  .emphasis {
    color: #F4424F;
    font-family: 'lazydaze';
    font-size: x-large;
    line-height: 1.5;
  }

  .entry-emoji {
    width: 3%;
    line-height: 1;
  }

  .entry-img {
    width: 30%;
    margin: 2px;
    border: #F4424F dotted 2px;
  }

  .entry-footer {
    text-align: center;
  }

  .icon-footer {
    width: 10%;
    border: none;
  }