body {
    background-color: rgba(204, 194, 194, 0.096);
    background-repeat: no-repeat;
    width: 100%;
    
    
}
h1 {
    font-family:'Courier New', Courier, monospace;
    font-size: 50px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-size: 30px;
    color:orange;
}
.about { 
    font-family: 'Coming Soon', cursive;
    text-align: justify;
    font-size: 25px;
    color:black;
    float: left;
}
.logo {
    width: 50%;

}
.sction{
    margin-bottom: 30px;
    padding: 10px 30px;
    display: flex;
    margin: 0px 10px 100px 20px;
    background-repeat: no-repeat;
    border-radius: 30px 0px;
   background-color: rgba(128, 128, 128, 0.836);
   box-shadow: 8px 8px 8px;
   
}
.sction :hover{
   
    border-radius: 20px 0px;
   background-color: white;
}
.orrange {
    color: orange;
}
.btn {
    border-radius: 3px;
    background-image: linear-gradient(orange, tomato);
    border: 0px solid;
    text-decoration: solid;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 700;
    outline-color: springgreen;
    outline-style:ridge;
    outline-width: 5px;
    display: inline;
   
}
.btn:hover {
    border-radius: 10px;
    background-image: linear-gradient(rgb(248,rgb(255, 136, 116)144), tomato);
    border: 0px solid;
    font-size: 30px;
    outline-color: rgb(157, 255, 0);
    outline-style:groove;
    outline-width: 5px;
} 
.admin1 { 
    width: 100%;
    margin-right: 0px;
    padding-right: 0px;
    padding-left:10px;
    background-image: url(image/Photo_1641236337120.png);
    background-size: contain;
    background-repeat: no-repeat;
   
}
.admin2 { 
    width: 100%;
    margin-right: 0px;
    padding-right: 0px;
    padding-left:10px;
    background-image: url(image/Photo_1641236226882.png);
    background-size: contain;
    background-repeat: no-repeat;
   
}
.separate1 {
    height: auto;
    width: 5px;
    background-color: rgb(153, 0, 255);
    margin-left: 10px;
    padding-left: 5px;
}
.exp {
    font-family: 'Coming Soon', cursive;
    text-align: justify;
    font-size: 25px;
    color:black;
    float: left;
  

}
.separate2 {
    height: auto;
    width: 5px;
    background-color: chartreuse;
    margin-left: 10px;
    padding-left: 5px;

}
.exp-sec {
    margin-bottom: 30px;
    padding: 10px 30px;
    display: flex;
    margin: 0px 10px 100px 20px;
    background-repeat: no-repeat;
    border-radius: 30px 0px;
   
}

.exp-sec :hover {
    border-radius: 0px 0px 20px 0px;
    background-color: white;
}
.exp-div {
    background-color: rgba(128, 128, 128, 0.836);
    padding-left: 5px;
    width: 50%;
    box-shadow: 5px 5px 5px;
    border-radius: 0px 0px 20px 0px;
    padding-right: 8px;
    margin-left: 10px;
    border-image: linear-gradient(blue, cyan);
    border-left: 7px solid;
    border-image-slice: 1;
}
.exp-div2 {
    background-color: rgba(128, 128, 128, 0.836);
    padding-left: 5px;
    width: 50%;
    box-shadow: 5px 5px 5px;
    border-radius: 0px 0px 20px 0px;
    padding-right: 8px;
    margin-left: 10px;
    border-image: linear-gradient(rgb(212, 0, 255), rgb(0, 38, 255));
    border-left: 7px solid;
    border-image-slice: 1;
}
.footer {
text-align: center;
}