Card by Kemboi-Dun

1.container {
2  width: 250px;
3  height: 250px;
4}
5
6.terminal_toolbar {
7  display: flex;
8  height: 30px;
9  align-items: center;
10  padding: 0 8px;
11  box-sizing: border-box;
12  border-top-left-radius: 5px;
13  border-top-right-radius: 5px;
14  background: #212121;
15  justify-content: space-between;
16}
17
18.butt {
19  display: flex;
20  align-items: center;
21}
22
23.btn {
24  display: flex;
25  justify-content: center;
26  align-items: center;
27  padding: 0;
28  margin-right: 5px;
29  font-size: 8px;
30  height: 12px;
31  width: 12px;
32  box-sizing: border-box;
33  border: none;
34  border-radius: 100%;
35  background: linear-gradient(#7d7871 0%, #595953 100%);
36  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
37  box-shadow: 0px 0px 1px 0px #41403A, 0px 1px 1px 0px #474642;
38}
39
40.btn-color {
41  background: #ee411a;
42}
43
44.btn:hover {
45  cursor: pointer;
46}
47
48.btn:focus {
49  outline: none;
50}
51
52.butt--exit {
53  background: linear-gradient(#f37458 0%, #de4c12 100%);
54}
55
56.add_tab {
57  border: 1px solid #fff;
58  color: #fff;
59  padding: 0 6px;
60  border-radius: 4px 4px 0 0;
61  border-bottom: none;
62  cursor: pointer;
63}
64
65.user {
66  color: #d5d0ce;
67  margin-left: 6px;
68  font-size: 14px;
69  line-height: 15px;
70}
71
72.terminal_body {
73  background: rgba(0, 0, 0, 0.6);
74  height: calc(100% - 30px);
75  padding-top: 2px;
76  margin-top: -1px;
77  font-size: 12px;
78  border-bottom-left-radius: 5px;
79  border-bottom-right-radius: 5px;
80}
81
82.terminal_promt {
83  display: flex;
84}
85
86.terminal_promt span {
87  margin-left: 4px;
88}
89
90.terminal_user {
91  color: #1eff8e;
92}
93
94.terminal_location {
95  color: #4878c0;
96}
97
98.terminal_bling {
99  color: #dddddd;
100}
101
102.terminal_cursor {
103  display: block;
104  height: 14px;
105  width: 5px;
106  margin-left: 10px;
107  animation: curbl 1200ms linear infinite;
108}
109
110@keyframes curbl {
111
112  0% {
113    background: #ffffff;
114  }
115
116  49% {
117    background: #ffffff;
118  }
119
120  60% {
121    background: transparent;
122  }
123
124  99% {
125    background: transparent;
126  }
127
128  100% {
129    background: #ffffff;
130  }
131}