body{
    background-image:linear-gradient(to top right,rgb(241, 14, 185),rgb(112, 18, 112),rgb(4, 53, 46),rgb(37, 58, 9));
    background-repeat: no-repeat;
    height: 1000px;
}
.navbar{
    display: flex;
    margin-left: 80px;
}
ul{
display: flex;
color: azure;
list-style:none;
margin-top: 45px;
font-size: 18px;
}
#logo{
    color: rgb(225, 231, 231);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
}
li{
    margin-left: 100px;
    font-family: Arial, Helvetica, sans-serif;
    cursor:pointer ;
}
.sign1{
    margin-left:300px ;
}
.sign{
    margin-left: 100px;
}
#nav-btn{
    border: 1px solid white;
    background-color: transparent ;
    padding:8px 18px 8px 18px ;
    color: white;
    font-size: 20px;
    border-radius:7px;
    margin-top: -17px;
}
#section-head{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 46px;
}
p{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 26px;
    
}
#Join{
    background-color: rgb(72, 132, 209);
    padding: 13px 25px 13px 25px;
    color: white;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    margin-right: 20px;
    cursor: pointer;
}
#learn{
    background-color: transparent;
    padding: 13px 25px 13px 25px;
    color: white;
    font-size: 18px;
    border: 1px solid white;
    border-radius: 5px;
    cursor: pointer;
}
img{
    margin-left: 1200px;
    margin-top: -200px;
    height: 700px;
}