/* === FULL-VIEWPORT BLOCKS === */
.block {
    height: calc(100vh / 3); /* Exact 1/3 of viewport */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.block a {
    text-decoration: none;
    color: black;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* Titles (JetBrains Mono Bold) */
.block h2 {
    font-family: "JetBrains Mono", monospace;
    font-weight: 700;
    font-size: 3rem;
    margin-bottom: 0.5rem;
}

/* Descriptions (IBM Plex Mono Medium) */
.block p {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    opacity: 0.8;
}

/* Colors */
.trackthought-bg {
    background: #00ff9d;
}
.b-side-bg {
    background: #ff3b3f;
}
.blur-bg {
    background: #7b68ee;
}

/* Hover Effects */
.block:hover {
    opacity: 0.95;
}
.block:hover a {
    background: inherit !important; /* Kill default <a> styles */
}