@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Ubuntu&display=swap');
*{
    font-family: 'Ubuntu', sans-serif;
}

:root{
    --colorB:crimson;
    --colorP:black;
    --colorCard:#222;
}

.home__blob{
    margin-top:-80px;
    fill: var(--colorB);
}
html {
    scroll-behavior: smooth;
}

/* scroll bars */
::-webkit-scrollbar{
    background-color: var(--colorP);
}
::-webkit-scrollbar-thumb{
    background: var(--colorB);
    border-radius: 10px;
}
/* scroll bars */
.navbar-bg{
    background-color: var(--colorB) !important;
    transition: ease-in-out .6s;
}
.ms-lg-5{
    margin-left: 650px !important;
}
.home{
    background-image: url(../assets/img/wallpaperflare.com_wallpaper\ \(3\).jpg);
    background-size: cover;
    background-attachment: fixed;
}
.name{
    font-size: 60px;
    font-weight: 600;
    margin-left: -3px;
}

.home .info .btn .cv{
    background-color: var(--colorB) !important;
}
.home .info .btn .cv:hover{
    background: transparent !important;
    transition: .5s ease-in-out !important;
}
.home .info .btn a{
    border: 2px solid var(--colorB) !important;
    border-radius: 6px !important;
}
.home .info .btn .hire{
    background: none !important;
}
.home .info .btn .hire:hover{
    background-color: var(--colorB) !important;
    transition: .5s ease-in-out !important;
}


/* /* ------------------about---------------- */

.title .soutitle hr{
    width: 30px;
}
.title .soutitle span{
    color: var(--colorB);
    font-size: 20px;
    font-weight: bold;
}



/* ---------------services------------------- */
.services,.Works{
    background-color: var(--colorP);
    color: white;
    padding-bottom: 50px;
}
.services .card-group .card{
    cursor: pointer;
    border-radius: 10px ;
    width: 300px;
    height: 240px;
    background-color: #222;
    padding: 20px;
}
.services .card-group .card:hover{
    background-color: var(--colorB);
    transition: .5s ease-in-out;
}
.services .card-group .card i{
    color: var(--colorB);
    font-size:50px;
}
.services .card-group .card h3{
    font-size: 25px;
    font-weight: 500px;
}
.services .card-group .card p{
    text-align: center;
}
.skills img{
    width: 50px;
}


.navbar-z-index{
    z-index: 2;
}