The only PDS hosted on a jailbroken chromebook
danielmorrisey.com
1 * {
2 margin: 0;
3 padding: 0;
4 box-sizing: border-box;
5 }
6
7 body {
8 font-family: 'Georgia', 'Times New Roman', serif;
9 background: #ffffff;
10 min-height: 100vh;
11 display: flex;
12 align-items: center;
13 justify-content: center;
14 padding: 20px;
15 }
16
17 .container {
18 background: white;
19 border: 1px solid #000000;
20 padding: 60px 40px;
21 max-width: 500px;
22 width: 100%;
23 }
24
25 h1 {
26 color: #000000;
27 margin-bottom: 10px;
28 font-size: 24px;
29 font-weight: 400;
30 letter-spacing: 0.5px;
31 }
32
33 .subtitle {
34 color: #000000;
35 margin-bottom: 40px;
36 font-size: 14px;
37 font-weight: 300;
38 }
39
40 .credential-group {
41 margin-bottom: 20px;
42 }
43
44 label {
45 display: block;
46 color: #000000;
47 font-weight: 400;
48 margin-bottom: 8px;
49 font-size: 13px;
50 text-transform: uppercase;
51 letter-spacing: 1px;
52 }
53
54 .input-wrapper {
55 display: flex;
56 gap: 10px;
57 }
58
59 input {
60 flex: 1;
61 padding: 12px 16px;
62 border: 1px solid #000000;
63 font-size: 15px;
64 background: #ffffff;
65 color: #000000;
66 font-family: 'Courier New', monospace;
67 }
68
69 .copy-btn {
70 padding: 12px 20px;
71 background: #000000;
72 color: white;
73 border: 1px solid #000000;
74 cursor: pointer;
75 font-weight: 400;
76 font-size: 13px;
77 transition: all 0.2s;
78 white-space: nowrap;
79 text-transform: uppercase;
80 letter-spacing: 0.5px;
81 }
82
83 .copy-btn:hover {
84 background: #ffffff;
85 color: #000000;
86 }
87
88 .copy-btn:active {
89 transform: translateY(0);
90 }
91
92 .copy-btn.copied {
93 background: #ffffff;
94 color: #000000;
95 }
96
97 .instructions {
98 background: #ffffff;
99 border: 1px solid #000000;
100 padding: 20px;
101 margin-top: 40px;
102 }
103
104 .instructions h3 {
105 color: #000000;
106 font-size: 14px;
107 margin-bottom: 12px;
108 font-weight: 400;
109 text-transform: uppercase;
110 letter-spacing: 1px;
111 }
112
113 .instructions p {
114 color: #000000;
115 font-size: 14px;
116 line-height: 1.8;
117 font-weight: 300;
118 }
119
120 .login-url {
121 display: flex;
122 gap: 10px;
123 margin-top: 15px;
124 }
125
126 .url-input {
127 flex: 1;
128 padding: 12px;
129 border: 1px solid #000000;
130 word-break: break-all;
131 font-family: 'Courier New', monospace;
132 font-size: 13px;
133 color: #000000;
134 background: #ffffff;
135 }
136
137 .url-btn {
138 padding: 12px 20px;
139 background: #000000;
140 color: white;
141 border: 1px solid #000000;
142 cursor: pointer;
143 font-weight: 400;
144 font-size: 13px;
145 transition: all 0.2s;
146 white-space: nowrap;
147 text-transform: uppercase;
148 letter-spacing: 0.5px;
149 text-decoration: none;
150 display: flex;
151 align-items: center;
152 }
153
154 .url-btn:hover {
155 background: #ffffff;
156 color: #000000;
157 }