Page.css
1.79 KB
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
100
101
102
103
104
105
106
107
108
@font-face {
font-family: 'Meath';
src: url("fonts/MeathFLF.ttf") format('truetype');
}
@font-face {
font-family: 'Celtknot';
src: url("fonts/Celtknot.ttf") format('truetype');
}
@font-face {
font-family: 'PoiretOne';
src: url("fonts/PoiretOne-Regular.ttf") format('truetype');
}
@font-face {
font-family: 'RationalInteger';
src: url("fonts/RationalInteger.ttf") format('truetype');
}
@font-face {
font-family: 'Arkitech';
src: url("fonts/ArkitechLight.ttf") format('truetype'),
url("fonts/ArkitechLight.woff") format('woff');
}
* {
font-family: Verdana, sans-serif;
color: rgb(41, 49, 51);
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}
h1,h4 {
text-decoration: underline;
}
h1 {
font-size: x-large;
}
a {
text-decoration: none;
color: rgb(110, 210, 12);
}
a:visited {
color: rgb(60, 130, 12);
}
hr {
margin: 5px 0 5px 0;
}
p {
padding-top: 5px;
text-indent: 0.5em;
}
#section1 .content, #section3 .content, #section5 .content {
color: rgb(214,206,204);
}
#section2, #section4, #section6 {
background-color: rgb(255,255,255);
padding: 2em 0 2em 0;
}
#section1 {
background: url("images/me.jpg") center top fixed;
}
#section3 {
background: url("images/waldschrat.jpg") center top fixed;
}
#section1, #section3, #section5 {
height: 100vh;
}
.content {
position: relative;
width: 90%;
height: 100%;
left: 50%;
transform: translate(-50%, 0);
z-index: 1;
}
.section {
position: relative;
overflow: hidden;
}
.section .watermark {
position: absolute;
opacity: 0.1;
width: 60%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.separator {
position: relative;
border-bottom: 0.0625em dotted black;
height: 0;
width: 20%;
left: 50%;
transform: translate(-50%, 0);
margin-top: 10px;
margin-bottom: 10px;
}
/* vim: set ts=2 sw=2: */