this repo has no description
alexohneander.sky.dev-null.roc…
1@font-face {
2 font-family: 'Iosevka';
3 src: url('assets/Iosevka.ttf');
4}
5
6body {
7 display: flex;
8 justify-content: center;
9 align-items: center;
10 height: 100vh;
11 margin: 0;
12 font-family: 'Iosevka';
13 font-size: 20px;
14 background-color: #111111;
15 overflow: hidden;
16}
17
18h1 {
19 color: #FEFFFA;
20 font-weight: normal;
21 text-align: center;
22 padding-top: 20px;
23 padding-bottom: 10px;
24 margin-top: -40px;
25}
26
27nav {
28 display: inline-block;
29 color: #999999;
30 font-size: 20px;
31 margin: 0 auto;
32}
33
34ul {
35 display: table-cell;
36 text-align: center;
37 padding: 10px 25px;
38 list-style: none;
39 border-right: 1px solid #232328;
40 transition: 0.8s;
41 cursor: default;
42}
43
44ul:last-of-type {
45 border-right: none;
46}
47
48li {
49 margin: 10px 0;
50}
51
52ul>li:first-of-type {
53 padding-top: 5px;
54}
55
56ul>li>a {
57 text-decoration: none;
58 color: #858585;
59 transition: color 0.8s;
60}
61
62ul>li>a:hover {
63 color: white;
64}
65
66ul.green:hover {
67 color: #4FAE0F;
68}
69
70ul.blue:hover {
71 color: #0972D6;
72}
73
74ul.red:hover {
75 color: #ed3434;
76}
77
78ul.yellow:hover {
79 color: #edd934;
80}
81
82.nav-title {
83 font-size: 22px;
84 font-weight: bold;
85 cursor: default;
86}
87
88.main {
89 display: flex;
90 justify-content: center;
91 align-items: center;
92 position: relative;
93 text-align: center;
94 font-family: 'Iosevka';
95 background-color: #181818;
96 border: 5px solid #18181D;
97}
98
99.mySlides {
100 position: absolute;
101 opacity: 0;
102}
103
104#flair {
105 color: #0972D6;
106}
107
108#data-wrapper {
109 display: flex;
110 flex-direction: column;
111 justify-content: center;
112 align-items: center;
113 width: 770px;
114 height: 600px;
115}
116
117#slideshow {
118 width: 300px;
119 height: 600px;
120 background: #18181D center / cover no-repeat;
121}
122
123#slideshow img {
124 width: 100%;
125 height: 600px;
126 object-fit: cover;
127}
128
129#codes {
130 position: absolute;
131 bottom: 0;
132 left: 0;
133 padding: 8px;
134 color: white;
135}
136
137#canvas {
138 position: absolute;
139 top: 0;
140 left: 0;
141 width: 100%;
142 height: 100%;
143 z-index: -1;
144}