body {
  margin: 0;
}

#menu {
  width: 100vw;
  height: 100vh;
  background-color: cornflowerblue;
  display: flex;
  justify-content: center;
  align-items: center;
}

#btn-start {
  font-size: 130px;
}

#ride-container {
  display: none;
  width: 100vw;
  height: 100vh;
}

#panel {
  position: absolute;
  padding: 10px;  
}

#timer {
  font-size: 80px;
  color: aliceblue;
}

#life {
  font-size: 80px;
  color:indigo;
}

.surfer-zone {
  position: absolute;
  width: 100%;
bottom: 0;
display: flex;
justify-content: center;
}

.surfer {
  height: 500px;
  width: 60px ;
  background-color: darkblue;
/* transition: all 0.2s; */
}

.sea {
  height: 100vh;
  background-color: rgb(5, 147, 202);
}
#track {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
}

#tube {
  width: 200px;
  height: 100vh;
  background-color: aquamarine;
}