-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
40 lines (36 loc) · 859 Bytes
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
body {
margin: 0;
overflow: hidden;
width: 100vw;
height: 100vh;
background-image: url("https://www.esa.int/var/esa/storage/images/esa_multimedia/images/2022/08/two_views_of_the_tarantula_nebula/24420842-1-eng-GB/Two_views_of_the_Tarantula_Nebula_article.jpg");
background-size: fill;
backdrop-filter: brightness(75%);
}
canvas {
display: block;
}
#canvas_container {
width: 100%;
height: 100vh;
}
button {
position: absolute;
bottom: 5%;
left: 50%;
transform: translateX(-50%);
border: 1px solid white;
border-radius: 5px;
font-size: 0.9rem;
padding: 0.5rem 0.9em;
background: #000000;
color: white;
-webkit-font-smoothing: antialiased;
font-weight: bold;
cursor: pointer;
transition: all .3s;
}
button:hover {
background: #ffffff;
color: #000000;
}