twashi1.github.io/powerpoint.css at main · Twashi1/twashi1.github.io · GitHub

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
/*
From:
https://www.digitalocean.com/community/tutorials/how-to-change-a-css-background-images-opacity
*/
:root {
    --leftEyeLeft: 31%;
    --leftEyeTop: 28%;
    --rightEyeLeft: 57%;
    --rightEyeTop: 24%;
}

.globalBackground {
    position: absolute;
}

.globalBackgroundImgOpacity {
    opacity: 0.25;
}

.globalBackgroundImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.globalBackgroundImgEye {
    width: 6%;
    height: 6%;
}

.globalBackgroundImgEyeLeft {
    left: var(--leftEyeLeft);
    top: var(--leftEyeTop);
}

.globalBackgroundImgEyeRight {
    left: var(--rightEyeLeft);
    top: var(--rightEyeTop);
}

.globalBackgroundContent {
    position: initial;
}

.contentsClass {
    position: relative;
}

/* Good God I'm a programming genius */
.makeLinkWorkClass {
    position: relative;
}