1.card {
2  width: 300px;
3  height: 254px;
4  background: lightgrey;
5  overflow: hidden;
6  display: flex;
7}
8
9.circles,
10.browser {
11  height: 30px;
12  display: flex;
13  align-items: center;
14}
15
16.circles {
17  width: 20%;
18  gap: 8px;
19  padding: 10px;
20}
21
22.c {
23  width: 09px;
24  height: 9px;
25  border-radius: 50%;
26  box-shadow: inset 2px 2px 5px rgba(235, 235, 235, 0.356);
27}
28
29.c:first-child {
30  background-color: red;
31}
32
33.c:nth-child(2) {
34  background-color: rgb(204, 167, 4);
35}
36
37.c:last-child {
38  background-color: green;
39}
40
41.browser {
42  width: 80%;
43  padding: 5px;
44  display: flex;
45  gap: 10px;
46}
47
48.chevrons {
49  display: flex;
50}
51
52.search-bar {
53  position: relative;
54  border: 0.5px solid black;
55  border-radius: 5px;
56  padding: 5px;
57  width: 100%;
58  height: 100%;
59  display: flex;
60  align-items: center;
61  justify-content: center;
62  font-size: 10px;
63  color: rgb(88, 88, 88);
64  box-shadow: inset 2px 2px 2px #05050525;
65}
66
67.search-bar svg {
68  position: absolute;
69  left: 10px;
70}