|
@ -4,25 +4,25 @@ body{ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.rouleau { |
|
|
.rouleau { |
|
|
width: 4.1vw; |
|
|
width: 5vw; |
|
|
height: 3.4vw; |
|
|
height: 3.8vw; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 16.6vw; |
|
|
top: 20vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.cube { |
|
|
.cube { |
|
|
width: 4.1vw; |
|
|
width: 5vw; |
|
|
height: 3.4vw; |
|
|
height: 3.8vw; |
|
|
position: relative; |
|
|
position: relative; |
|
|
transform-style: preserve-3d; |
|
|
transform-style: preserve-3d; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.cube__face { |
|
|
.cube__face { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
width: 4.1vw; |
|
|
width: 5vw; |
|
|
height: 3.4vw; |
|
|
height: 3.8vw; |
|
|
border: 2px solid #362730; |
|
|
border: 2px solid #362730; |
|
|
line-height: 3.4vw; |
|
|
line-height: 3.8vw; |
|
|
font-size: 1.5vw; |
|
|
font-size: 1.5vw; |
|
|
background-color: #c21121; |
|
|
background-color: #c21121; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
@ -32,36 +32,37 @@ body{ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#rouleau_1{ |
|
|
#rouleau_1{ |
|
|
left: 42.65vw; |
|
|
left: 41.3vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#rouleau_2{ |
|
|
#rouleau_2{ |
|
|
left: 47.05vw; |
|
|
left: 46.5vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#rouleau_3{ |
|
|
#rouleau_3{ |
|
|
left: 51.5vw; |
|
|
left: 51.7vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#tirette{ |
|
|
#tirette{ |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
z-index: 10; |
|
|
z-index: 10; |
|
|
margin-left: 58vw; |
|
|
left: 61vw; |
|
|
top: 3vw; |
|
|
top: 12vw; |
|
|
transform-origin: 70% 58%; |
|
|
width: 3.7vw; |
|
|
|
|
|
transform-origin: 50% 97%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#tirage{ |
|
|
#tirage{ |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-around; |
|
|
justify-content: space-around; |
|
|
margin: auto; |
|
|
left: 25vw; |
|
|
position: relative; |
|
|
position: relative; |
|
|
width: 42.4vw; |
|
|
width: 50vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#mise_input{ |
|
|
#mise_input{ |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 27vw; |
|
|
top: 33vw; |
|
|
left: 42vw; |
|
|
left: 42vw; |
|
|
width: 13vw; |
|
|
width: 13vw; |
|
|
height: 2vw; |
|
|
height: 2vw; |
|
|