.mainlink{
    font-size: 25px;
    color: white;
    
}
#mainNav{
    background-color: #161925;
}

#references{
    font-size: 20px;
    color: white;
}

.hc{
    background-color:#23395B
}
.ban{
    color: white;
}
.me{
    
}
#css{
    width: 60%;
}
.img{
    display: flex;
    align-items: center;
    justify-content: center;
    
}
     



#first{
    margin-top: 50px;
}
#ab-text{
    padding: 6%;
}
.wrapper{
    margin-bottom: 6%;
}
#ski{
    padding-top: 6%;
    padding-bottom: 4%;
}
#pro1{
    padding: 6%;
}
#cont{
    padding: 6%;
}
#mail{
    text-align: center;
}
#mail2{
    font-size: 12px;
}

#abb{
    
    background-color: #1D8A99;
}
#skill{
    background-color: #ebf5ee;
}
#projects{
    background-color: #568EA3;

}
#conactme{
    background-color: #638475;
}
@media only screen and (max-width:840px){

    #pro1{
        text-align: center;
    }
}