#nav_main
{
  padding: 0.5%;
}

#logo_nav
{
  height: 40px;
  margin-left: 10px;
}

.social-icon {
  color: #ffffff;  /* Color del icono */
  text-shadow: 4px 4px 4px black;  /* Sombra del texto */
  font-size: 2em;  /* Tamaño del icono */
  margin: 10px;
}

.main-screen {
  display: flex;
  height: 100vh; /* Ocupa el 100% de la altura de la ventana */
  align-items: center;
  justify-content: center;
  text-align: left;
  /*background: linear-gradient(0deg, rgb(15 14 14) 33%, rgba(253,187,45,1) 50%, rgba(15 14 14) 74%);*/
  background: rgb(5 6 9);
  background-image: url("../images/BACKGROUND.png");
  background-repeat: no-repeat;
  background-size: 100%; 

}

.main-content {
  flex-basis: 50%;
  margin-left: 5%;
  color: #f7e7b1;
  text-shadow: 4px 4px 4px black;
  text-align: center;
}

.main-image {
  flex-basis: 50%;
  animation: float 3s ease-in-out infinite;
}

.main-image img {
  width: 80%; /* Ajusta la imagen para que ocupe todo el ancho de su contenedor */
  height: auto;
}


#rrss {
  margin-left: 44%;
  margin-top: 19%;
}



#myBtn {
  display: none; /* Oculto por defecto */
  position: fixed; /* Fijo en la ventana */
  bottom: 20px; /* 20px desde abajo */
  right: 30px; /* 30px desde la derecha */
  z-index: 99; /* Asegura que esté sobre otros elementos */
  border-color: black;
  outline: none; /* Sin contorno */
  background-color: #f7e7b1; /* Fondo rojo */
  color: black; /* Texto blanco */
  cursor: pointer; /* Cursor en forma de mano al pasar el ratón */
  padding: 15px; /* Relleno */
  border-radius: 15px; /* Bordes cuadrados */
  width: 50px; /* Ancho del botón */
  height: 50px; /* Altura del botón */
  font-size: 20px; /* Tamaño del icono */
  overflow: hidden;
}

#myBtn:hover .fas{
  animation: float 2s ease-in-out infinite;
}

/*animaciones*/
@keyframes float {
  0%, 100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-20px);
  }
}

 /*html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#section_welcome {
  flex: 1;  Ocupa todo el espacio disponible 
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}*/