@media screen and (max-width: 999px) {
    .paragraph {
        font-size: 0.85rem !important;
        font-weight: 400;
    }
}

.rounded {
    border-radius: var(--r);
}
.capsule {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.link {
    font-size: 0.82rem;
    font-weight: 400;
    text-decoration: none;
}
.special {
    cursor: pointer;
    background: var(--dark01);

    color: var(--light);
    transition: all 100ms ease-in-out;
}
.special:hover {
    background: var(--dark02);
}



.nneomorphism {
    box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.4), inset -4px -4px 8px rgba(255, 255, 255, 0.05);
    transition: all 200ms ease-in-out;
}
.nneomorphism2 {
    box-shadow: inset -4px -4px 8px rgba(0, 0, 0, 0.4), inset 4px 4px 8px rgba(255, 255, 255, 0.05);

}

@keyframes bounce {
        0% {
            transform: translateY(0);
        }
        30% {
            transform: translateY(-4px);
        }
        60% {
            transform: translateY(2px);
        }
        100% {
            transform: translateY(0);
        }
    }

.glass {
    background: var(--glassBg);
    backdrop-filter: var(--glassBlur);
    -webkit-backdrop-filter: var(--glassBlur);
}
.nexusGlass {
    background: var(--nexusGlass);
    backdrop-filter: var(--glassBlur);
    -webkit-backdrop-filter: var(--glassBlur);
}

.topic {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}
.title {
    font-size: 2rem;
    font-weight: 800;
}
.paragraph {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
}
.date {
    font-size: 0.7rem;
    font-weight: 500;
    text-decoration: none;
}

.defaultImg {
    width: 100%;
    height: 100%;
}

/* Skills / Abilities */
.bounce:hover {
    animation: bounce 0.3s;
}
.no-scroll {
    overflow: hidden;
    pointer-events: none;
}

[data-id="threads"] {
    background: url("/assets/icons/social-media/threads-white.png") no-repeat center center;
    background-size: contain;
}
[data-id="x"] {
    background: url("/assets/icons/social-media/x-white.png") no-repeat center center;
    background-size: contain;
}

[data-id="moon"] {
    background: url("/assets/icons/company/moon-light.png") no-repeat center center;
    background-size: contain;
}
[data-id="profile"] {
    background: url("/assets/icons/company/profile.png") no-repeat center center;
    background-size: contain;
}

[data-id="assistant"] {
    background: url("/media/alien/assistant.jpg") no-repeat center center;
    background-size: cover;
}