.help_menu {
    display: none;
    width: 100%;
    height: 100%;
    position:absolute;
    align-items: center;
    flex-direction: column;
    background-color: var(--background-color);
    z-index:100;
    overflow-y: auto;
    color:var(--text-color);
}

p {
    font-family: "Roboto";
    font-weight: 900;
}

#help_menu_header {
    text-align: center;
    font-family: "Rowdies";
}

.help_menu_h2 {
    text-align: left;
    font-family: "Rowdies";
}

.help_menu_h3 {
    font-family: "Roboto";
}

.help_menu_text {
    font-family: "Roboto";
}

.help_block {
    margin:40px;
}

#help_green_text {
    color:green;
}

#help_blue_text {
    color:blue;
}

#help_red_text {
    color:red;
}

.help_highlight {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.help_highlight_green {
    width: 50px;
    height: 50px;
    margin: 20px;
    box-shadow: 0 0 5px green;
}

.help_highlight_blue {
    width: 50px;
    height: 50px;
    margin: 20px;
    box-shadow: 0 0 5px blue;
}

.help_highlight_red {
    width: 50px;
    height: 50px;
    margin: 20px;
    box-shadow: 0 0 5px red;
}

.help_button {
    position:fixed;
    margin:20px;
    border:none;
    background-color: transparent;
  }

  .help_button:hover {
      cursor: pointer;
  }

  #help_exit_button {
    top:0;
    right:0;
  }
  #help_back_button {
    top:0;
    left:0;
  }