#iRave{
  position: absolute;
  width: 3.1in;
  height: 3.1in;
  top:15%;
  left:40%;
}
#watch_img{
  position: absolute;
  width: 3.1in;
  height: 3.1in;
  z-index: -1;
}
#button_img{
  z-index: 10;
  width: 0.3in;
  height: 0.1in;
  position: absolute;
  transform: rotate(55deg);
  top:30%;
  left:76%;
}
.main-screen{
  width: 2.12in;
  height: 2.12in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 1;
}

#time{
  position: relative;
  color:rgb(255, 255, 255);
  z-index: 2;
  font-size: 0.5in;
  text-align: center;
  padding-top:10%;
  margin-bottom: 10%;
}
#instruction{
  position: relative;
  text-align: center;
  font-size: 0.12in;
  color:rgb(255, 255, 255);
  visibility: hidden;
  z-index: 2;
}
#canvas{
  position: absolute;
  background: transparent;
  top:18%;
  left:15%;
  width: 4.24in;
  height: 2.12in;
  z-index: 0;
}
.menu{
  width: 2.12in;
  height: 2.12in;
  background-color:#1a1a1c;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  visibility: hidden;
  z-index: 3;
  text-align: center;

}

.icon{
  position: relative;
  width: 1.2in;
  height: 1.2in;
  padding-top: 18%;
  margin-bottom: -6%;
}

.right_arrow{
  position: absolute;
  top:40%;
  left:81%;
  width: 0.4in;
  height: 0.4in;
}

.left_arrow{
  position: absolute;
  top:40%;
  left: 0%;
  width: 0.4in;
  height: 0.4in;
}
.AppName{
  color: rgb(255, 255, 255);
  position:relative;
  margin-bottom: -1%;
}
.dot{
  position: relative;
  height:0.1in;
  width: 0.1in;
}


.Cartaz {
  width: 2.12in;
  height: 2.12in;
  position: absolute;
  border-radius: 50%;
  top:18%;
  left:15%;
  z-index: 4;
  background-color:#1a1a1c;
  visibility: hidden;

}