input#nav-toggle:checked ~ label#show-button {
      display: none;
    }

    input#nav-toggle:checked ~ label#hide-button {
      display: flex;
    }

    input#nav-toggle:checked ~ #nav-menu {
      display: block;
    }
    .wrap {
     font-family: monospace;
     display: inline;
    }

    .cursor {
     display: inline-block;
     font-weight: bold;
     font-size: inherit;
     color: white;
     animation: blink 0.8s infinite;
    }

    @keyframes blink {
     0%, 50% {
        opacity: 1;
     }
     50.1%, 100% {
        opacity: 0;
    }
   }
   
   /* Blue-themed card styles */
.blue-card {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: monospace;
  font-size: 1.2rem;
  color: #e0f2ff; /* Light blue text */
  background-color: #001f3f; /* Dark blue background */
  border: 2px solid #0077ff; /* Bright blue border */
  border-radius: 12px; /* Rounded corners */
  padding: 16px 24px; /* Padding for content */
  text-align: center;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Hover effect for cards */
.blue-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 4px 10px rgba(0, 119, 255, 0.3); /* Blue glow on hover */
}

/* Spacing between the cards */
.space-x-4 > * + * {
  margin-left: 16px; 
}

body{
/*background-size: cover;*/
/*background-repeat: no-repeat;*/
/*background-attachment: fixed;*/
}