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

body{
    background-color: rgb(113, 82, 46);
}

#drill{
    width: 400px;
    height: 100%;
    /* transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); */
    transition: all 0.5s ease-in;
}

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

#item{
    width: 100px;
    height: 100%;
    transition: all 0.2s ease;
    z-index: 1;
}
#start, #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 213, 0, 1);
    color: white;
    font-size: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    z-index:100
  }
/* #start{ */
    /* visibility: visible; */
    /* background: rgba(202, 29, 10, 1); */

/* } */