.main{
    margin-top: 90px;
    z-index: 2;
    overflow: hidden;
    border:0px solid white;
    background-image: url("	https://assets.interntheory.com/creative/Web-Banner.jpg");
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; 
    padding:0px;
}
#login-conatiner{
    width:35%;
    height: 800px;
    border:0px solid black;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px; 
   border-radius: 10px;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   background-color: white;
}
#heading{
    width:85%;
    height:60px;
    border:0px solid green;
     margin-top: 20px; 
    margin-left: 35px;
    display: flex;
    
}
#heading >div{
    border: 0px solid red;
    width:50%;
    height: 100%;
    font-size: 20px;
    margin: auto;
    margin-top: -50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* box-sizing: border-box; */
}
#heading >div>a{
    text-decoration: none;
    color: black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#stud >a{
    background-color: white;
    height: 100%;
    border-bottom: 2px solid blueviolet;
    width:100%
}
#stud >a:hover,#comp>a:hover{
    border-bottom: 2px solid blueviolet;
    width:100%;
    background-color: #c0dff8;
    height: 100%;
}
h2{
    margin-left: 35px;
    margin-top: 10px;
}
#message{
    width:85%;
    height:60px;
    border:1px dotted green;
    border-radius: 5px;
    margin-left: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(240, 233, 233);
}
#message>p{
    margin-top: 0px;
    line-height: 25px;
    margin-left: 5px;
    font-family: sans-serif;
}
#message>p>a{
    text-decoration: none;
}
#linkedin{
    width:85%;
    height:45px;
    border:0px solid green;
    border-radius: 5px;
    margin-left: 35px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 50px;
    background-color: #087cdd;
    color: white;
    font-family: 'Times New Roman', Times, serif;
    margin-bottom: 3px;
 

}
#linkedin >div{
    width: 35px;
    height: 70%;
    border:0px solid blue;
    /* margin-right: 80px; */
    margin-left: -65px;
    background-color: white;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#linkedin >h3{
    text-align: center;
}
#linkedin >div>img{
    width:70%;
}
h4{
  text-align: center;
  color:rgb(177, 159, 159);
}
#details{
    width:85%;
    height:150px;
    border:0px solid green;
    margin-left: 35px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
#details >input{
    height: 50px;
    border: none;
    border-bottom: 2px solid gray;
    font-size: 15px;
}
#help{
    width:85%;
    height:40px;
    border:0px solid green;
    margin-left: 35px;
    /* margin-top: 5px; */
    display: flex;
    justify-content: space-between;
}
#help > div{
    width:40%;
    height:40px;
    border:0px solid rgb(51, 105, 51);
    display: flex;
    justify-content: center; 
    align-items: center;
    font-size: 15px;
}
#help + p{
    text-align: center;
    color: gray;
}
#submit{
    border: 1px solid red;
    margin: auto;
    width:85%;
    height:40px;
    margin-left: 35px;
    background-color: white;
}
#submit:hover{
    background-color: rgb(230, 214, 214);
}