.in1{
    text-align: center;
    position: relative;
    /* top:10px; */
    font-family: cursive;
    font-size:50px;
    text-shadow:2px 2px lightblue;
    background-color: rgba(144, 238, 144, 0.548);
    height:90px;
    display: fixed;
    border-radius: 20px;
    /* width:50%; */
    margin: auto;

    font-weight: 900;
    ;
    background-image: url("images/image\ copy\ 6.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 5px solid green;
    position: relative;
    top:-8px;







}
.in1:hover{

    background-image:url("images/image.png");
    background-repeat: no-repeat;
    background-size: cover;


}



.out2{
    display: flex;
    font-size:25px;
    justify-content: space-around;
    width: 70%;
    margin:auto;
    /* margin-top:10px; */
    border-bottom: 3px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-radius:20px;
    background-image: url("images/image\ copy\ 6.png");
    background-repeat: no-repeat;
    background-size: cover;
    height:40px;
    padding-top:10px;
    margin-top:-8px;
    








}
.out2:hover{
    background-image: url("images/image.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom:3px solid blue;
    border-left: 3px solid blue;
    border-right:3px solid blue;
    background-position: top;

}
a{
    text-decoration: none;
    color:black


}
a:hover{
    color:blueviolet;
}
.in{
    /* background-image:url("images/image2.png"); */
    border-radius: 20px;
    height:30px;
    padding:3px;
    font-weight: bold;
    background-size: cover;
    background-position: bottom;




    text-shadow:0.5px 0.5px white;
    padding-left:10px;
    padding-right: 10px;
    cursor: pointer;
}
.in:hover{
    color:blueviolet;

}