juice-shop

1
.header_container {
2
  display: flex;
3
  justify-content: space-between;
4
  margin-bottom: 30px;
5
}
6

7
.dwbutton_container {
8
  display: flex;
9
  gap: 12px;
10
  justify-content: space-between;
11
}
12

13
mat-card {
14
  display: block;
15
  margin-left: 30%;
16
  margin-right: 30%;
17
}
18

19
mat-form-field {
20
  padding-top: 10px;
21
  width: 100%;
22
}
23

24
.form-container {
25
  min-width: 350px;
26
}
27

28
.deposit_withdraw_button {
29
  width: 100%;
30
}
31

32
.heading {
33
  background: rgba(0, 0, 0, 0.2);
34
  font-size: x-large;
35
  justify-content: center;
36
  padding: 12px 20px;
37
}
38
@media (max-width: 1100px) {
39
  mat-card {
40
    margin-left: 20%;
41
    margin-right: 20%;
42
  }
43
}
44
@media (max-width: 580px) {
45
  mat-card {
46
    margin-left: 10%;
47
    margin-right: 10%;
48
  }
49

50
  .header_container {
51
    flex-direction: column;
52
    margin-bottom: 16px;
53
  }
54
}
55