Card by chavarahul

1.card {
2  width: 250px;
3  height: 300px;
4  background: #15001f;
5  border: 1px solid #c042ff;
6  font-size: 14px;
7  font-family: monospace;
8  overflow: auto;
9}
10.card::-webkit-scrollbar {
11  width: 0px;
12}
13
14.titlebar {
15  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
16    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
17  font-size: 21px;
18  font-weight: 450;
19  background-color: #2e0043;
20  width: 100%;
21  text-align: right;
22}
23
24.card button {
25  width: 40px;
26  height: 35px;
27  margin-left: -5px;
28  border: 0;
29  outline: 0;
30  background: transparent;
31  transition: 0.2s;
32}
33
34button svg path,
35button svg rect,
36button svg polygon {
37  fill: #ffffff;
38}
39
40button svg {
41  width: 10px;
42  height: 10px;
43}
44
45.close:hover {
46  background-color: #e81123;
47}
48
49.maximize:hover {
50  background-color: #c042ff2e;
51}
52
53.minimize:hover {
54  background-color: #c042ff2e;
55}
56
57#pre {
58  overflow: auto;
59  width: 100%;
60  padding: 10px;
61  height: auto;
62  color: #bafff8;
63}
64
65.curlies {
66  color: #ff0000;
67}
68
69.sc {
70  color: #e600ff;
71}
72
73.rounds {
74  color: #ffffff;
75}
76
77.operator {
78  color: #ffff00;
79}
80
81.s1 {
82  color: #22ff00;
83}
84
85.s2 {
86  color: #4281ff;
87}
88
89.s3 {
90  color: #ff4284;
91}
92
93.s4 {
94  color: #ffae00;
95}
96
97.s5 {
98  color: #ffffff;
99}
100
101.s6 {
102  color: #ffff00;
103}
104