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