MJ14222.github.io/style.css at main · MJ14222/MJ14222.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
55
56
html {
    --text: #eff3e8;
    --background: #0c0f08;
    --primary: #c4d1a6;
    --secondary: #afdaa0;
    --accent: #e4aad8;
}

body {
    color: var(--text);
    background: var(--background);
    font-family: "Science Gothic", sans-serif;
}
a {
    color: var(--secondary);
}
a:hover {
    color: var(--accent);
    text-decoration: hotpink;
}
button {
    background: var(--primary);
    color: var(--accent);
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}
button:hover {
    background: var(--secondary);
    color: var(--accent);
}

button:active {
    background: var(--accent);
    color: var(--background);
}
button:disabled {
    background: var(--background);
    color: var(--text);
    border: 1px solid var(--text);
    cursor: not-allowed;
}
.my-box {
  width: 200px; /* Content width */
  padding: 10px; /* Space between content and border */
  border: 1px solid rgb(212, 215, 255); /* A 1px solid black line around the padding */
  margin: 20px; /* Space outside the border */
  background-color: rgb(91, 125, 129); /* To visualize the content and padding area */
}
p {
		color: rgb(67, 224, 75);
		font-size: 2em;
	}
h1 {
    color: rgb(255, 2, 192);
}