.not-found {
    margin-top: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0rem 1rem;
    animation: fadeInUp 1s;
}

@media screen and (min-width: 450px) {
    .not-found {
        margin-top: 10rem;
    }
}

@media screen and (min-width: 600px) {
    .not-found {
        margin-top: 3.5rem;
    }
}

@media screen and (min-width: 1024px) {
    .not-found {
        margin-top: 5rem;
    }
}

/* ===== Main Image ===== */
.not-found__graphic {
    width: 90%;
    max-width: 800px;
}

@media screen and (min-width: 350px) {
    .not-found__graphic {
        width: 80%;
    }
}

@media screen and (min-width: 630px) {
    .not-found__graphic {
        width: 70%;
    }
}

@media screen and (min-width: 850px) {
    .not-found__graphic {
        width: 60%;
    }
}


/* ===== Not Found title ===== */
.not-found__title {
    font-size: 3rem;
    text-align: center;
    padding: 1.5rem 2rem 3rem 2rem;
    color: #CA6EFC; 
}

@media screen and (min-width: 480px) {
    .not-found__title {
        padding: 2.5rem 2rem 3rem 2rem;
    }
}

@media screen and (min-width: 580px) {
    .not-found__title {
        font-size: 3.5rem;
    }
}

@media screen and (min-width: 630px) {
    .not-found__title {
        font-size: 4rem;
        padding: 3rem 2rem 3.5rem 2rem;
    }
}

@media screen and (min-width: 850px) {
    .not-found__title {
        font-size: 5rem;
        padding: 4rem 2rem 4.5rem 2rem;;
    }
}


/* ===== Not Found Button ===== */

.not-found__btn {
    padding: 1rem 0rem;
    width: 250px;
    font-size: 1.4rem;
}

@media screen and (min-width: 350px) {
    .not-found__btn {
        width: 270px;
        padding: 1.2rem 0rem; 
    } 
}

@media screen and (min-width: 580px) {
    .not-found__btn {
        width: 300px;
        padding: 1.4rem 0rem;
        font-size: 1.6rem;
    } 
}

@media screen and (min-width: 630px) {
    .not-found__btn {
        width: 320px;
        font-size: 1.8rem;
    } 
}

@media screen and (min-width: 630px) {
    .not-found__btn {
        width: 400px;
        font-size: 2rem;
    } 
}