body {
    font-family: "Noto Sans", sans-serif;
}

.hero_section .cursor {
    display: inline-block;
    width: 3px;
    margin-left: 2px;
}
.hero_section h1 b{
    font-style: italic;
}

.skill1 {
    background: linear-gradient(90deg, #173c74, #003d83);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.skill2 {
    background: linear-gradient(90deg, #005a00, #007a29);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.skill3 {
    background: linear-gradient(50deg, #006e53, #006352);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.skill4 {
    background: linear-gradient(50deg, #710080, #5e005e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.skill5 {
    background: linear-gradient(50deg, #920000, #790000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.skill6 {
    background: linear-gradient(50deg, #002b53, #002652);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.skill7 {
    background: linear-gradient(50deg, #007255, #005f63);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}





/* About section */
.about_section .card {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

.about_section .card:hover {
    transform: translateY(-10px) rotate(-1deg);
    box-shadow: 5px 5px 15px -2px #000000 !important;
}


/* skills section */
.skills_section .card {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

.skills_section .card:hover {
    transform: translateY(-10px) rotate(-1deg);
    box-shadow: 5px 5px 15px -2px #000000 !important;
}


/* project section */
.projects_section .card {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

.projects_section .card:hover {
    transform: translateY(-10px) rotate(-1deg);
    box-shadow: 5px 5px 15px -2px #000000 !important;
}

/* contact section */
.contact_section .card {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

.contact_section .card:hover {
    transform: translateY(-10px);
    box-shadow: 1px 1px 15px -2px #000000 !important;
}





@media (max-width: 575.98px) {
    .hero_section .container .row img {
        width: 250px !important;
    }

    .hero_section {
        text-align: center;
    }

    .hero_section p {
        text-align: start;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .hero_section .container .row img {
        width: 250px !important;
    }

    .hero_section {
        text-align: center;
    }

    .hero_section p {
        text-align: start;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .hero_section .container .row img {
        width: 250px !important;
    }

    .hero_section {
        text-align: center;
    }

    .hero_section p {
        text-align: start;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 1200px) and (max-width: 1399.98px) {}