.not-found-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 60vh;
    padding: 2rem
}

.not-found-image {
    max-width: 200px;
    margin-bottom: 2rem
}

.not-found-title {
    font-size: clamp(2rem, 1.5rem + 3vw, 3rem);
    font-weight: 700;
    color: var(--dark-text);
    margin-bottom: 1rem
}

.not-found-text {
    font-size: clamp(1rem, .9rem + .5vw, 1.25rem);
    color: var(--gray-text);
    max-width: 500px;
    margin-bottom: 2rem
}