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

body {
    background-color: rgb(59, 229, 43);
}

#robot {
    width: 200px;
    /* 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;
}

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

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


#start, #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(2, 89, 8, 0.818);
    color: white;
    font-size: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    z-index: 100;
}
#start{
    visibility: visible;
    background: rgb(24, 163, 185);
}