body {
        text-align: center;
        background-color: rgb(56, 160, 181);
        overflow-x: hidden;
    }
    #h1{

    font-size: 100px;
    color:  rgb(255, 238, 238);
    position: relative;
    top: 20px;
    font-family: "Playpen Sans Hebrew", cursive;

    }
    div{
        background-color: #544343;
    }
    #div1{

    width: 1538px;
    height: 200px;
    background: linear-gradient(to bottom, rgb(161, 189, 220), rgb(161, 189, 220),rgb(161, 189, 220),  rgb(56, 160, 181));
    position: relative;
    top: -70px;
    left: -10px;
    }
    .btn{
    background-color: #ffffff;
    color: rgb(75, 75, 75);
    width: 6em;
    font-size: 60px;
        margin: 10px;
        border-radius:20px;
box-shadow:8px 10px 20px black;
    }
    #backgruond{
position: relative;
top: 0;
left: 0;


    }
    .btn:hover{
transition:  0.4s ease-in-out;
transform: scale(1.03) rotate(0.8deg);
width: 6.5em;
text-decoration: underline ;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.2);
    }
    .btn:active{
            width: 5.8em;
    }