body{
    background-image: url(./images/img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
nav{
    background-color: #E5E5E5;
    padding: 10px 50px; 
}
nav >li{
    display: inline;
    float: right;
    margin-top: 50px;
    margin-left: 70px;
    position: relative;
    text-decoration: none;
    line-height: 10px;
}
nav > li >a:hover{
    padding: 5px;
    background-color: #CFD3CE;
    border-radius: 5px;
 
}
nav >img{
    height: 70px;
    width: 70px;
    margin-left: -5px;border-radius: 40px;
    margin-top: 0px;
    padding-top: 2px;
    border-radius: 50px;
}
nav >h3{
    float: right;
    margin-right: 240px;
    line-height: 10px;
    display: inline;
    position: fixed;
}
.pro{
    display: flex;
}
#python{
    margin-left: 5px;
    padding: 5px;
    float: left;
}
#python >img{
    width: 400px;
}
#java{
    float: center;
    padding: 3px 54px;
}
#java >img{
    width: 400px;
    height: 400px;
}
#js{
    float: right;
    padding: 5px;
}
#js >img{
    width: 400px;
}
h3{
    text-align: center;
}
.pro1 >img{
    margin-left: 43%;
    margin-top: 5px;
}
footer{
    padding: 10px;
    background-color: #E5E5E5;
}
footer >p{
    text-align: center;
}