danielmorrisey.com
this repo has no description
1body {
2 background-color: #0d0d0d;
3 color: #f0f0f0;
4 /* Update this line: */
5 font-family: 'Libre Baskerville', "Times New Roman", serif;
6 padding: 2rem;
7 margin: 0;
8 max-width: 800px;
9 margin: 0 auto;
10}
11a {
12 color: #f45454;
13 text-decoration: none;
14}
15a:hover {
16 color: #f48954;
17 text-decoration: underline;
18}
19h1 {
20 color: #f45454;
21}
22 /* Announcement banner styles */
23.announcement {
24 box-sizing: border-box;
25 background: #f45454;
26 color: white;
27 padding: 12px 16px;
28 display: flex;
29 align-items: center;
30 justify-content: space-between;
31 gap: 12px;
32 font-size: 14px;
33}
34.announcement p { margin: 0; }
35.announcement a { color: white; text-decoration: underline; }
36.announcement .controls { display:flex; gap:8px; align-items:center; }
37.announcement button.dismiss {
38 background: rgba(255,255,255,0.12);
39 color: white;
40 border: 1px solid rgba(255,255,255,0.18);
41 padding: 6px 10px;
42 border-radius: 6px;
43 cursor: pointer;
44}
45.announcement button.dismiss:focus { outline: 3px solid rgba(255,255,255,0.18); }
46@media (max-width:520px) {
47 .announcement { flex-direction: column; align-items: flex-start; }
48 .announcement .controls { width:100%; justify-content: flex-end; }
49}
50/* Button Row Styles */
51.button-row {
52 display: flex;
53 flex-wrap: wrap;
54 gap: 12px;
55 margin: 1.5rem 0;
56}
57
58.btn {
59 display: inline-block;
60 padding: 10px 20px;
61 background-color: #222; /* Darker background to contrast body */
62 color: #f0f0f0 !important; /* Keep text light */
63 border: 1px solid #444;
64 border-radius: 8px;
65 font-size: 0.9rem;
66 transition: all 0.2s ease;
67 text-decoration: none !important;
68}
69
70.btn:hover {
71 background-color: #333;
72 border-color: #f45454;
73 transform: translateY(-2px);
74}
75
76/* Primary "Create Account" button style */
77.btn.primary {
78 background: linear-gradient(90deg, #f45454, #f48954);
79 border: none;
80 font-weight: bold;
81}
82
83.btn.primary:hover {
84 filter: brightness(1.1);
85 box-shadow: 0 4px 15px rgba(244, 84, 84, 0.3);
86}
87
88/* Ensure it looks good on mobile */
89@media (max-width: 520px) {
90 .button-row {
91 flex-direction: column;
92 }
93 .btn {
94 text-align: center;
95 }
96}
97.warning {
98 box-sizing: border-box;
99 background: #f45454;
100 color: white;
101 padding: 12px 16px;
102 display: flex;
103 align-items: center;
104 justify-content: space-between;
105 gap: 12px;
106 font-size: 14px;
107}
108.warning p { margin: 0; }
109.warning a { color: white; text-decoration: underline; }