body {
    height: 100vh;
    margin: 0;
    padding: 0;
    background-color: #24283b;
    font-family: Montserrat;
    color: #c0caf5;
}
.montserrat-uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 16;
  font-style:normal;
  color: #c0caf5;
}
#particles-js {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
   
  }
  @keyframes blink-animation {
    0% { opacity: 1; } /* Opacidad completa */
    50% { opacity: 0; } /* Opacidad nula */
    100% { opacity: 1; } /* Opacidad completa */
  }
  #boxblink {
    animation: blink-animation 2s infinite; /* La animación de parpadeo */
  }

  .terminal-window {
background-color: #1a1b26;
border-radius: 16px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
overflow: hidden;
width: 100%;
height: 100%;
border: 2px solid #404040;
transition: border-color 0.5s ease;
}
.terminal-window:hover{
border-color: #2ac3de;
}
.terminal-header {
background-color: #404040;
padding: 10px 15px;
display: flex;
align-items: center;
}

.buttons {
display: flex;
}

.buttons  div {
width: 12px;
height: 12px;
border-radius: 50%;
margin-right: 8px;
opacity: unset;
position: relative;
}
.close {
  background-color: #fc5753; /* Rojo */
  }
  .minimize {
  background-color: #fdbc40; /* Naranja */
  }
  
  .maximize {
  background-color: #36c84b; /* Verde */
  }
  .buttons div:hover::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px; /* Ajusta el tamaño del punto */
    height: 6px; /* Ajusta el tamaño del punto */
    background-color: #181818; /* Color del punto */
    border-radius: 50%; /* Hace que el punto sea un círculo */
    transform: translate(-50%, -50%);
}
.title {
color: #d5d6db;
font-size: 14px;
margin-left: 10px;
}

.terminal-body {
padding: 15px;
color: #c0caf5;
}
#comment {
  color:#565f89;
}
.prompt {
color: #7dcfff;
}
#mdh1{
  color:#7aa2f7;
}

#mdh5{
  color:#7dcfff;
}
.command {
color: #b70dfa;
}

.output {
color: #c0caf5;
}

#oscuro{
  color:#7AA2F7;
}

.commands {
  color:#9ECE6A;
}
.commands-blue{
  color:#7AA2F7;
}
.Links {
  color:#BB9AF7;
}
/* ScrollBar Style */ 
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #565F89;
    border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: #c0caf5;
  }
  ::-webkit-scrollbar-track {
    background-color: #f1f1f100;
  }
  ::-webkit-scrollbar-track:hover {
    background-color: #e0e0e000;
  }

footer {
  text-align: center;
  padding: 20px;
}

iframe {
  border-radius: 10px;
}


.close-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px; /* Aumenta el tamaño del área de clic */
  box-sizing: border-box; /* Incluye el padding en el tamaño total */
  position: relative; /* Asegura que el enlace esté en una capa superior */
  z-index: 1; /* Asegura que el enlace esté delante del punto */
}

.close-link:hover::after {
  content: ''; /* Añade el punto negro en el centro */
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%; /* Hace que el punto sea un círculo */
  transform: translate(-50%, -50%);
  z-index: -1; /* Asegura que el punto esté detrás del enlace */
}

.formulario {
  padding: 20px;
  border-radius: 10px;
}
.formulario h2 {
  text-align: center;
  margin-bottom: 20px;
}
.formulario input[type="text"],
.formulario input[type="tel"],
.formulario input[type="email"],
.formulario textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  box-sizing: border-box;
}
.formulario input[type="submit"] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: #007bff;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
}
.formulario input[type="submit"]:hover {
  background-color: #0056b3;
}