File size: 2,172 Bytes
8a68258
 
5682d81
8a68258
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5682d81
 
8a68258
 
 
5682d81
 
8a68258
 
 
 
 
5682d81
 
8a68258
 
 
 
5682d81
 
8a68258
 
5682d81
8a68258
 
 
 
 
 
9a1e72b
 
b42622f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9a1e72b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Sidebar scrollbar */
nav::-webkit-scrollbar {
    width: 6px;
}

nav::-webkit-scrollbar-track {
    background: transparent;
}

nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

nav::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Terminal-like elements */
.terminal {
    font-family: 'Courier New', monospace;
    background-color: #1e1e1e;
    color: #f0f0f0;
    border-radius: 6px;
    padding: 16px;
}

.command-line {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.prompt {
    color: #4CAF50;
    margin-right: 8px;
}

/* Linux-style window controls */
.window-controls {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.window-btn {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.window-btn.close {
    background-color: #ff5f56;
}

.window-btn.minimize {
    background-color: #ffbd2e;
}
.window-btn.maximize {
    background-color: #27c93f;
}

/* Terminal window controls */
.window-controls {
    display: flex;
    gap: 8px;
}

.window-btn {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    cursor: pointer;
}

.window-btn.close {
    background-color: #ff5f56;
}

.window-btn.minimize {
    background-color: #ffbd2e;
}

.window-btn.maximize {
    background-color: #27c93f;
}
/* Add button active states */
button:active {
    transform: scale(0.95);
    transition: transform 0.1s;
}

/* Add cursor pointer to clickable elements */
button, a {
    cursor: pointer;
}

/* Quick access links */
.quick-access a {
    transition: all 0.2s ease;
}

.quick-access a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}