1input,
2textarea,
3select {
4 font-size: 16px;
5}
6
7#tooltip {
8 color: var(--gold);
9 margin-top: 25px;
10 margin-bottom: 25px;
11 text-align: center;
12}
13
14.container {
15 display: flex;
16 flex-direction: column;
17 justify-content: center;
18 align-items: center;
19 position: relative;
20 height: fit-content;
21 z-index: 10;
22}
23
24.group {
25 display: flex;
26 flex-direction: row;
27 justify-content: space-between;
28 align-items: center;
29 width: 300px;
30 font-size: 20px;
31}
32
33.flame-letter {
34 display: inline-block;
35 padding: 3px 5px;
36 border-radius: 4px;
37 font-size: 1.7rem;
38 transition: all 0.3s;
39}
40
41.highlight {
42 background: var(--lightGold);
43 box-shadow: 0 0 0.5em var(--lightGold);
44 border-radius: 5px;
45 scale: 1.5;
46}
47
48.removed {
49 opacity: 50%;
50}
51
52.calc {
53 margin-top: 30px;
54 background: transparent;
55 border: 1px solid var(--lightGold);
56 border-radius: 5px;
57 padding: 10px 30px;
58 color: var(--gold);
59 cursor: pointer;
60}
61
62.calc:hover {
63 background: var(--lightGold);
64 color: white;
65}
66
67.calc:disabled {
68 opacity: 50%;
69 cursor: not-allowed;
70 background: transparent;
71 color: var(--gold);
72}
73
74.hidden {
75 display: none;
76}