-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.css
77 lines (63 loc) · 1.21 KB
/
index.css
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
@tailwind base;
@tailwind components;
@tailwind utilities;
html, body, #root {
margin: 0;
height: 100%;
min-height: 100vh;
max-height: 100vh;
}
.newspaper {
background-color: #E0C9A6;
padding: 12px;
background-image: url(/newspaper-background.jpg);
background-size: cover;
}
@font-face {
font-family: OldNewspaper;
src: url(/OldNewspaperTypes.ttf);
}
@font-face {
font-family: 'Muloka Kerash';
src: url("/Muloka Kerash.otf");
}
@font-face {
font-family: Helvetica;
src: url("/Helvetica Roman.ttf");
}
.font-title {
font-family: 'Muloka Kerash';
}
.font-newspaper {
font-family: OldNewspaper;
}
.hide {
display: none;
}
h2.title {
color: #fdc;
font-weight: 700;
text-shadow: 2px 2px 2px black;
border-bottom: 5px solid white;
}
.image-container {
box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
max-width: 400px;
margin-top: -3em;
}
img.startmeup {
position: absolute;
border: none;
box-shadow: none;
margin-left: -25px;
margin-top: -25px;
}
.description {
margin: 0 20%;
padding: 0.8em 1em;
border: 4px double black;
background: #fdc;
z-index: 1;
max-height: 7.5em;
overflow-y: auto;
}