body{
    margin: 0;
    position: relative;
    font-family: 'Mukta', sans-serif !important;
}

section{
    padding: 2rem 0;
    background-color: #273146;
}

.h-inherit{
    height: inherit;
}

.section-heading{
    text-align: center;
    color: #fff;
    margin-bottom: 3rem;
}

.col-lg-3, .col-lg-4, .col-md-6{
    margin-bottom: 1rem;
}


/* Intro Fold Styling Starts Here */
section#intro-fold{
    color: #e3e3dc;
    height: 100vh;
    position: relative;
}

section#intro-fold h2{
    font-size: 3rem;
}

section#intro-fold h1{
    font-size: 4rem;
}

section#intro-fold h3{
    font-size: 2rem;
}

section#intro-fold .intro-elements-wrapper{
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.intro-text-wrapper{
    height: max-content;
    font-family: 'Caveat Brush', cursive;
}

.intro-img-wrapper img#intro-img{
    max-height: 350px;
    width: auto;
}

a.intro-fold-link{
    color: #fff;
    text-shadow: 2px 1px 0px #4b5b6a;
}
/* Intro Fold Styling Ends Here */

/* Footer Styling Starts Here */
section#footer{
    background-color: #1d2437;
    color: #e3e3dc;
}

.footer-text{
    text-align: center;
    margin-bottom: 0;
}
/* Footer Styling Ends Here */

/* Media Queries Starts Here */
@media only screen and (max-width: 767px){
    section#intro-fold {
        height: unset;
        padding-top: 7rem;
    }

    section#intro-fold .intro-elements-wrapper{
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }

    .all-skills-wrapper{
        padding: 1rem;
    }
    .all-skills-wrapper::before{
        filter: blur(50px);
    }

    .skills-wrapper{
        padding: 1rem;
        text-align: center;
    }
}
/* Media Queries Ends Here */