Card by aadium

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