body{
    font-family: 'Open Sans', sans-serif;
}

.banner-container{
    background: linear-gradient(#1abc9c,#2c3e50);

}

.banner-column{
    background: linear-gradient(#2c3e50, #1abc9c);

}


li{
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;

}

.navber-container{
    top: 0;
    z-index: 2;
    background-color: #2c3e50;
    position: sticky;
}


.about-container{
    background-color: #16a085;
}

.Education-container{
    background-color:#34495e ;
}


.circle{
    width: 150px;
    height: 150px;
    background-color: #e67e22;
    color: #2c3e50;
    border-radius: 50%;
    font-weight: bolder;
    font-size: 30px;
    transition: all 0.6s;
}

.card{
    margin-left: 30px;
}


.project-container{
    background-color: #16a085;
}



.protfolio-container{
    background-color: #34495e;
}


.contact-container{
    background-color: #2c3e50;
}





li{
    display: inline-block;
    transition: all 0.3s;
   
}

li:hover{
    color: #2c3e50;
    background: #3498db;
    box-shadow: 0 0 10px #3498db, 0 0 40px #3498db, 0 0 80px #4398db;
    border-radius: 20px;}


    .footer-conatiner{
        background-color: #2c2c54;
    }


    .circle1{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: white;
        font-size: 40px;
        text-align: center;
        display: inline-block;
        text-align: center;
        margin: 0 15px;

    }
    .circle1:hover {
        background-color: #2c3e50;
        color: white;
        box-shadow: 0 0 10px #3498db, 0 0 40px #3498db, 0 0 80px #4398db;
    border-radius: 20px;

cursor: pointer;

    }