*  {
            
            margin: 0;
            padding: 0;
        }

.headerpart
{
position: relative;
  
height:120px;
width:100%;
background-color: white;
  
border-style: solid;
  border-color: white;

}

.logo
{
position: absolute;
  left: 150px;
height:100px;
width: 100px;
background:green;
display: flex;
margin-top: 10px;
justify-content:center;
align-items:center;
border-radius:50px;
}
.logo h2
{
color:blue;
font-size:100px;
font-family:Lucida Calligraphy;
}
.headername
{
position: absolute;
  left:250px;
height:140px;
width: 50%;
display: flex;
font-size:15px;
font-family:Lucida Calligraphy;
justify-content:center;

align-items:center;
margin-top: 5px;



}

.headername h1
{
color:green;

}

.menu
{
position: absolute;
  right: 150px;
height:110px;
width: 80px;
color:white;
font-size:25px;
font-familiy:Baskerville Old Face;
display: flex;
margin-top: 5px;
justify-content:center;
align-items:center;


cursor:pointer;
background-image: linear-gradient(to top, red,orange,yellow,green,blue,indigo,violet);

}
.dropbtn {
  
position: absolute;
 margin-right: 1px;
height:40px;
width: 40px;

display: flex;
flex-direction: column;
background:rgba(255,25,25,0.06);
box-shadow:0 2px 2px 0 rgba(31,38,135,.37);
border-radius: 5px;
border-left:5px solid rgba(255,255,255,.3);
border-top:5px solid rgba(255,255,255,.3);


}

.dropdown {
  position: relative;
  display: inline-block;

position: absolute;
  margin-right: 35px;
 margin-bottom: 35px;
}
.dropdown h2
{
color:white;
}

.dropdown-content {
display: none;
  position: absolute;
  right: 0;
  
  min-width: 260px;
  flex-direction: column;
background:rgba(255,25,25,0.06);
box-shadow:0 22px 28px 0 rgba(31,38,135,.37);
border-radius: 5px;
border-left:5px solid rgba(255,255,255,.3);
border-top:5px solid rgba(255,255,255,.3);

}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.about
{
position: absolute;
  right: 0px;
height:50px;
width: 100%;
margin-top: 125px;
color:white;
font-size:25px;
font-familiy:Baskerville Old Face;
display: flex;
justify-content:center;
align-items:center;


cursor:pointer;
background-image: linear-gradient(to left, green,green,white);

}
.about h2

{
color:yellow;
}



.mainpart
{
position: relative;
  
height:450px;
width:100%;
background-color: white;
margin-top: 210px;
  


}

.mainlogo
{
position: absolute;
  left: 80px;
height:100px;
width: 100px;
background:green;
display: flex;

margin-top: 40px;
justify-content:center;
align-items:center;
border-radius:50px;
}
.mainlogo h2
{
margin-top: 10px;
margin-left: 340px;
color:blue;
font-size:100px;
font-family:Lucida Calligraphy;
}
.mainname
{
position: absolute;
  left:600px;
height:100px;
width: 350px;
margin-top: 100px;
display: flex;
font-size:15px;
font-family:Aparajita;
justify-content:center;
align-items:center;


}

.mainname h1
{


color:green;


}
.mainmenu
{
position: absolute;
  right: 0px;
height:100px;
width: 100%;
color:white;
font-size:25px;
font-familiy:Baskerville Old Face;
display: flex;
margin-top: 330px;
justify-content:center;
align-items:center;


cursor:pointer;
background-image: linear-gradient(to top, red,orange,yellow,green,blue,indigo,violet);

}

.joinus
{
width:100%;
height:450px;
margin-top:0px;

background:linear-gradient(to top, blue, black, blue);

}
.joinus h2
{
color:white;
margin-left:10px;
}
.joinus h1
{
color:white;
font-size: 80px;
margin-left:10px;
}

.conductus
{
width:100%;
height:350px;
background-image: linear-gradient(to top, black,blue);
display:inline-block;
}

.conductus .one
{
width:30%;
height:300px;

float:left;
margin-top:20px;
margin-left:10px;

display: flex;
flex-direction: column;
background:rgba(255,25,25,0.06);
box-shadow:0 20px 22px 0 rgba(31,38,135,.37);
border-radius: 30px;
border-left:5px solid rgba(255,255,255,.3);
border-top:10px solid rgba(255,255,255,.3);
}
 .one h2
{
margin-top:10px;
font-size: 20px;
text-align: center;
color: white;
font-family:'Baskerville Old Face', sans-serif;
text-shadow: 2px 2px 4px rgba(0,0,0,.2);
letter-spacing: 2px;
margin-bottom: 5%;
opacity: .9;

}
 .one h3
{
font-size: 17px;
color: white;
font-family:'Bookman Old Style', sans-serif;
margin-left:10%;
opacity: .8;
text-shadow: 2px 2px 4px rgba(0,0,0,.2);
}


.conductus .two
{
width:30%;
height:300px;

float:right;
margin-top:20px;
margin-right:10px;

display: flex;
flex-direction: column;
background:rgba(255,25,25,0.06);
box-shadow:0 8px 32px 0 rgba(31,38,135,.37);
border-radius: 30px;
border-left:5px solid rgba(255,255,255,.3);
border-top:10px solid rgba(255,255,255,.3);
}
.two h2
{
margin-top:10px;
font-size: 20px;
text-align: center;
color: white;
font-family:'Baskerville Old Face', sans-serif;
text-shadow: 2px 2px 4px rgba(0,0,0,.2);
letter-spacing: 2px;
margin-bottom: 5%;
opacity: .9;

}
 .two h3
{
font-size: 17px;
color: white;
font-family:'Bookman Old Style', sans-serif;
margin-left:10%;
opacity: .8;
text-shadow: 2px 2px 4px rgba(0,0,0,.2);
}



.conductus .mid
{
width:30%;
height:300px;

float:center;
margin-top:20px;
margin-left:33%;

display: flex;
flex-direction: column;
background:rgba(255,25,25,0.06);
box-shadow:0 8px 32px 0 rgba(31,38,135,.37);
border-radius: 30px;
border-left:5px solid rgba(255,255,255,.3);
border-top:10px solid rgba(255,255,255,.3);
}
.mid h3
{
font-size: 17px;
color: white;
font-family:'Bookman Old Style', sans-serif;
margin-left:10%;
opacity: .8;
text-shadow: 2px 2px 4px rgba(0,0,0,.2);
}
.footer
{
width:100%;
height:40px;
background:linear-gradient(to bottom,black, #3f4efb );
font-size: 12px;
color: white;
font-family:'Bookman Old Style', sans-serif;