*{
    margin:0;
    padding: 0;
}
body{
    position: relative;
    /* min-height: 100vh; */
    overflow-x: hidden;
    animation-name:body-fade;
    animation-duration: 4s;
    animation-delay: 1ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

a{
    text-decoration:none;
}

@keyframes body-fade{
    0%{
        visibility: hidden;
        opacity: 0%;
    }

    50%{
        opacity: 50%;
    }

    100%{
        opacity: 100%;
    }
}



#intro-section .img-box{
    opacity: 70%;
    position: relative;
    z-index: 1;
}

#intro-section .img-box::after{
    content: '';
    width: 250px;
    height: 30px;
    background-color: #3f7af1;
    position: absolute;
    top: 20%;
    right: 80%;
    z-index: -1;
    animation-name:img-after;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes img-after {
    50%{
        top: 50%;
        opacity: 0.5;
    }

    100%{
        top: 20%;
        opacity: 100%;
    }
}




#intro-section .img-box img{
    opacity: 100%;
    z-index: 1;
}

#intro-section,#obj-section{
    z-index: 1;
}

.bg-dark{
    background-color: #060b15 !important;
}

.bg-primary{
    background-color: #3f7af1 !important;
}

.text-primary{
    color: #3f7af1 !important;
}

#projects .card{
    background: none !important;
    animation-name: Scale;
    animation-duration: 3s;
    animation-timing-function:2s;
    animation-fill-mode: forwards;
    animation-iteration-count:infinite;
}

@keyframes Scale{
    50%{
        transform: scaleY(0.98);
    }

    100%{
        transform: scaleY(1.01);
    }
}


#reviews .img-box{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

#reviews .img-box img{
    max-width: 60px;
    max-height: 60px;
}


@media  (min-width:320px) {
    body{
        overflow-x: hidden;
    }

    #intro-section .img-box::before{
       width:100%;
    }

    #projects .card:nth-of-type(5){
        display: none;
    }
}