source for lucas.co
styles.css (1.1K)
1 :root {
2 /* Add backup font */
3 font-family: "Circe";
4 font-weight: normal;
5 font-size: 1.05em;
6 }
7
8 @font-face {
9 font-family: "Circe";
10 src: url("./font/CirceSlabA-Light.woff2") format("woff2");
11 }
12
13 a {
14 color: #66b3ff;
15 text-decoration: none;
16 }
17
18 a:hover {
19 color: #99ccff;
20 text-decoration: underline;
21 }
22
23 body {
24 background-color: #000000;
25 color: #ffffff;
26 }
27
28 img {
29 border: 1px solid #606060;
30 padding: 0.5em;
31 max-width: 600px;
32 }
33
34 pre {
35 display: inline;
36 font-family: "Circe";
37 }
38
39 video {
40 border: 1px solid #606060;
41 padding: 0.5em;
42 max-width: 600px;
43 height: auto;
44 }
45
46 .content-container {
47 position: absolute;
48 top: 3.5em;
49 left: 4em;
50 width: calc(100% - 8em);
51 height: 90%;
52 }
53
54 .flex-container {
55 display: flex;
56 flex-direction: column;
57 gap: 10px;
58 }
59
60 .footer {
61 bottom: 0em;
62 height: 2em;
63 }
64
65 .image-container {
66 display: flex;
67 flex-direction: column;
68 gap: 10px;
69 /* margin-left: 2em; */
70 margin: 0 auto;
71 }
72
73 .responsive-video {
74 aspect-ratio: 16/9;
75 width: 100%;
76 height: auto;
77 }