|
|
@ -1,17 +1,18 @@ |
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap'); |
|
|
|
|
|
|
|
body{ |
|
|
|
background-color: #001f37; |
|
|
|
background-color: #001a35; |
|
|
|
font-family: "Fredorka", sans-serif; |
|
|
|
margin: 0; |
|
|
|
color: white; |
|
|
|
position: fixed; |
|
|
|
} |
|
|
|
|
|
|
|
.rouleau { |
|
|
|
width: 5vw; |
|
|
|
height: 3.8vw; |
|
|
|
position: absolute; |
|
|
|
top: 40%; |
|
|
|
top: 39.5%; |
|
|
|
} |
|
|
|
|
|
|
|
.cube { |
|
|
@ -110,7 +111,7 @@ body{ |
|
|
|
background-color: rgb(0, 0, 0, 0.5); |
|
|
|
height: 100%; |
|
|
|
width: 100%; |
|
|
|
position: absolute; |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
z-index: 42; |
|
|
@ -121,6 +122,7 @@ body{ |
|
|
|
.overlay > .overlay-rules{ |
|
|
|
height: min-content; |
|
|
|
padding: 2em; |
|
|
|
font-size: 1.2vw; |
|
|
|
border-radius: 20px; |
|
|
|
opacity: 1; |
|
|
|
color: black; |
|
|
@ -129,6 +131,9 @@ body{ |
|
|
|
} |
|
|
|
.button{ |
|
|
|
border: none; |
|
|
|
position: absolute; |
|
|
|
right: 0; |
|
|
|
top: 0; |
|
|
|
padding: 0.6em 0.8em; |
|
|
|
border-radius: 10px; |
|
|
|
} |
|
|
|