*
{
  margin: 0;
  padding: 0;
}

#container
{
  display: flex;  
  min-height: 100vh;
  max-height: 100vh;
}

#clock
{
  margin: auto;
  width: 800px;
  position: relative;
}

img
{
  width: 100%;
  height: auto;
}

/**************/
/* A AIGUILLE */
/**************/
#layout2, #hourhand, #minutehand, #secondhand
{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/***********/
/* DIGITAL */
/***********/
#digital
{
  position: absolute;
  display: none;
  top: 35%;
  left: 19%;
  font-family: sans-serif;
  font-size: 8rem;
}


/***********/
/* BINAIRE */
/***********/
#layout
{
  position: absolute;
  top: 0;
  left: 0;
}

.marker
{
  width: 15px;
  height: 30px;
  background-color: #333;
  border-radius: 10px;
}

#clock div
{
  position: absolute;
  display: none;
}

/* HEURE BINAIRE */
#h0, #h1, #h2, #h3
{
  top: 26%;
}

#h0
{
  left: 58.5%;
}

#h1
{
  left: 52%;
}

#h2
{
  left: 45.5%;
}

#h3
{
  left: 38.8%;
}

/* MINUTE BINAIRE */
#m0, #m1, #m2, #m3, #m4, #m5
{
  top: 43%;
}

/* SECONDE BINAIRE */
#s0, #s1, #s2, #s3, #s4, #s5
{
  top: 60%;
}

#m0, #s0
{
  left: 65.3%;
}

#m1, #s1
{
  left: 59.2%;
}

#m2, #s2
{
  left: 52.5%;
}

#m3, #s3
{
  left: 45.7%;
}

#m4, #s4
{
  left: 39.5%;
}

#m5, #s5
{
  left: 32.5%;
}


/******************/
/* BOUTON DE MODE */
/******************/
#mode
{
  position: absolute;
  top: 87.5%;
  left: 46%;
  font-family: sans-serif;
  font-size: 1rem;
  background: transparent;
  color: #ccc;
  border: 2px solid #252429;
  border-radius: 10px;
  padding: 0.5rem;
  cursor: pointer;
}

/**************/
/* VALIDATION */
/**************/
#validation
{
  position: absolute; 
  bottom: 10px; 
  right: 10px;
}

.icon
{
  display: inline-block; 
  border:0;
  width:88px;
  height:31px;
}

.icon:first-child
{
  width: 44px;
  height: auto;
}

/*****************/
/* MEDIA QUERIES */
/*****************/
@media screen and (max-width: 799px) 
{
  #clock
  {
    width: 100%;
  }
  
  .marker
  {
    width: 1.5vw;
    height: 3vw;
    border-radius: 1vw;
  }
  
  #digital
  {
    font-size: 15vw;
  }
  
  #mode
  {
    font-size: 1.5vw;
    border-width: 0.3vw;
    border-radius: 1vw;
    padding: 1vw;
  } 
}