main
90e35a3 ยท 1 year ago 22 commits
 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}