* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

    body {
        background-color: rgb(229, 255, 246);
    }

    #chick { 
        width: 200px;
    transition: all 1.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
     /* transition: all 1.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); */
    /* transition: all 1.4s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%); */
    transition: all 0.5s ease-in;
    /* position:absolute; */
}

.move-right {
    translate: 300px 0;
    }

    #burger {
        width: 60px;
        transition: all 0.2 ease;
        position: relative;
        z-index: 1;
    }
.move-right {
    transform: translateX(300px);
}

    #Fries {
        width: 40px;
        transition: all 0.2 ease;
        position: relative;
        z-index: 1;
    }

    .move-right {
        transform: translateX(300px);
    }

    #Pop {
        width: 50px;
        transition: all 0.2 ease;
        position: relative;
        z-index: 1;
    }

    #start, #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    color: white;
    font-size: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    z-idex: 100;
  }
  #start{
        visibility: visible;
        background-color: cadetblue;
  }