A browser source overlay for winter vibes for your Live Streams or Videos
treybastian.com
1@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');
2
3*,
4*:after,
5*:before {
6 box-sizing: border-box;
7}
8
9body {
10 font-family: "Pixelify Sans", sans-serif;
11 font-style: normal;
12 background-color: #091e36;
13 min-width: 100vw;
14 min-height: 100vh;
15 height: 100%;
16 width: 100%;
17 margin: 0;
18 padding: 0;
19}
20
21canvas {
22 background-color: transparent;
23 width: 100%;
24 height: 100%;
25 image-rendering: pixelated;
26}
27
28.context-menu {
29 border-radius: 10px;
30 position: absolute;
31 text-align: center;
32 background-color: #1e2a3a;
33 border: 1px solid #555;
34}
35
36.context-menu ul {
37 padding: 0px;
38 margin: 0px;
39 min-width: 150px;
40 list-style: none;
41}
42
43.context-menu ul li {
44 border-radius: 10px;
45 padding-bottom: 7px;
46 padding-top: 7px;
47}
48
49.context-menu ul li a {
50 border-radius: 10px;
51 text-decoration: none;
52 color: #e0e0e0;
53 display: block;
54}
55
56.context-menu ul li:hover {
57 border-radius: 10px;
58 background-color: #273950;
59}