t3aperson.github.io/style.css at main · t3aperson/t3aperson.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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99

h1, p, a, div {
  color: white;

}
:root {
  --accent:red;
  --bg-image:url("https://planetdaikatana.net/red031.gif");
}
* {
  box-sizing:border-box;
}

body {
  background-image:var(--bg-image);
}
h1 {
  text-align:center;
}
hr {
  border-bottom:6px groove var(--accent);
}
p {
  text-align:center;
  max-width:60%;
  margin:0 auto;
}
nav.fake-table {
  width:250px;
}
.fake-table {
  display:flex;
  flex-wrap:wrap;
  margin:0 auto;
  justify-content:space-between;
}
.subheading {
  background-color:black;
  color:white;
  height:
}
.medium {
  max-width:40%;
  border:3px double var(--accent);
  display:flex;
  margin-top:20px;
  margin-bottom:20px;
}
.medium > .half {
  max-width:50%;
  padding:5px;
}

.fake-table > div {
  border:3px double var(--accent);
  padding:3.3px;
}
.subheading {
  width:250px;
  font-weight:bold;
}
img {
  margin:0 auto;
  display:block;
  margin-top:20px;
  margin-bottom:20px;
}
.row {
  display:flex;
  max-width:60%;
  margin:0 auto;
}
marquee {
  font-weight:bold;
  margin-bottom:20px;
}
footer {
  margin-top:200px;
}
.large {
  max-width:100%;
}
.large > div {
  max-width:33%;
  border:1px solid var(--accent);
  border-top:none;
  border-bottom:none;
}
.large > div:first-child {
  border-left:none;
  border-right:none;
}
.large > div:last-child {
  border-right:none;
  border-left:none;
}
.fake-table {
  border:1px solid var(--accent);
}