/* static/general.css */
body {
  font-family: fira sans;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
html {
  overflow-y: scroll;
}
main {
  position: relative;
  top: 100px;
}
.logo {
  height: 5rem; /* Ajusta el tamaño que desees */
  max-height: 5rem; /* Ajusta la altura máxima */
  margin: 0px -14px;
}
.menu-container {
  position: absolute; /* Usa absolute o relative según necesites */
  top: 75px; /* Ajusta la posición vertical */
  left: 18.7px; /* Ajusta la posición horizontal */
  z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
  font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
  display: flex;
  gap: 2.5rem; /* Ajusta la separación entre los elementos */
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-item a {
  text-decoration: none; /* Elimina el subrayado de los enlaces */
  color: #333; /* Color del texto del menú */
}
.menu-item.active a {
  color: #666666; /* Color azul para el elemento activo */
  font-weight: bold; /* Texto en negrita para el elemento activo */
}
nav {
  position: fixed;
}
.description-text-title {
  font-size: 18px;
}
#left-description {
  width: 100%;
  margin: -50px 20px auto;
  font-size: 18px;
}
#left-description p {
  color: #121d25;
}
#left-description div div {
  padding: 0px 0 25px;
}
.right-image {
  display: none;
}
.steam-button {
  position: relative;
  margin: 0px 0 0 -10px;
  width: 200px;
  height: 100px;
}

@media (min-width: 1229px)and (max-width: 1291px){

  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -870px 495px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1292px) and (max-width: 1330px){

  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -844px 495px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1331px) and (max-width: 1334px){

  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -819px 496px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1335px)and (max-width: 1335px){

  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -792px 495px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1336px)and (max-width:1427px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -768px 515px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1428px) and (max-width:1507px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -768px 545px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1508px) and (max-width:1600px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -732px 580px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1601px) and (max-width:1694px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -732px 610px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1695px) and (max-width:1794px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -706px 650px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1795px)and (max-width:1823px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -680px 650px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1824px)and (max-width:1951px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -680px 680px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 1952px) and (max-width:2081px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -655px 730px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}
@media (min-width: 2082px) and (max-width:2220px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -655px 800px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}

@media (min-width: 2221px){
  .logo {
    height: 10rem; /* Ajusta el tamaño que desees */
    max-height: 10rem; /* Ajusta la altura máxima */
    margin: -10px 1px;
  }
  .menu-container {
    position: absolute; /* Usa absolute o relative según necesites */
    top: 125px; /* Ajusta la posición vertical */
    left: 70px; /* Ajusta la posición horizontal */
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}
.menu-item {
    font-size: 1.3rem; /* Ajusta el tamaño del texto */
}
.menu-list {
    display: flex;
    gap: 2.5rem; /* Ajusta la separación entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #333; /* Color del texto del menú */
}
.menu-item.active a {
    color: #666666; /* Color azul para el elemento activo */
    font-weight: bold; /* Texto en negrita para el elemento activo */
}
  nav {
    position: fixed;
  }
  .help-content {
    position: relative; /* Usa absolute o relative según necesites */
    top: 0px; /* Ajusta la posición vertical */
    left: -29px; /* Ajusta la posición horizontal */
    margin-top: -144px;
    padding: 80px 100px 0px;
  }
  .description-text-title {
    font-size: 18px;
  }
  #left-description {
    width: 30%;
    margin: -50px 70px auto;
    font-size: 17px;
  }
  #left-description p {
    color: #121d25;
  }
  #left-description div div {
    padding: 0px 0 19px;
  }
  .right-image {
    display: block;
    position: relative;
    margin: -655px 875px;
    width: 60%;
  }
  .steam-button {
    position: relative;
    margin: -20px 0 0 -10px;
    width: 200px;
    height: 100px;
  }
}