Add a basic link embiggener
[bigly] / src / bigly / static / bigly / styles.css
1 html, body, h1, h2, input {
2   background: none;
3   border: none;
4   border-radius: 0;
5   font-size: 14pt;
6   font-weight: normal;
7   margin: 0;
8   padding: 0;
9   outline: none;
10 }
11
12 html {
13   font-family: Verdana, Helvetica, sans-serif;
14   height: 100%;
15   width: 100%;
16   margin: 0;
17   padding: 0;
18 }
19
20 body {
21   max-width: calc(100% - 6em);
22   margin: 3em auto;
23 }
24
25 h1 {
26   font-size: 12vw;
27   text-align: center;
28 }
29
30 h2 {
31   font-size: 6vw;
32   text-align: center;
33 }
34
35 form {
36   display: flex;
37   flex-direction: column;
38   align-items: center;
39   margin: 3em auto;
40   max-width: 30em;
41   width: 100%;
42 }
43
44 form input[type=url] {
45   border-bottom: 2px solid black;
46   width: 100%;
47   padding: 4px;
48 }
49
50 form input[type=submit] {
51   border: 2px solid black;
52   border-radius: 5px;
53   margin-top: 1em;
54   padding: 5px 8px;
55   cursor: pointer;
56 }
57
58 form label {
59   font-size: 12pt;
60   width: 100%;
61 }