juice-shop

1
.container {
2
  justify-content: center;
3
}
4

5
.heading {
6
  justify-content: center;
7
  margin-bottom: 10px;
8
  padding: 12px 20px;
9
}
10

11
.detail-container.offer-container {
12
  display: flex;
13
  gap: 16px;
14
  max-width: 700px;
15
  min-width: 300px;
16
  width: 70%;
17
}
18

19
.owner-text {
20
  margin-bottom: 10px;
21
}
22

23
.warning-container {
24
  border-radius: 4px;
25
  font-weight: 600;
26
  justify-content: center;
27
  padding: 16px;
28
  text-align: center;
29
  white-space: normal;
30
}
31

32
.title {
33
  padding-bottom: 27px;
34
}
35

36
.text-justify {
37
  text-align: justify;
38
}
39

40
mat-card {
41
  margin-bottom: 10px;
42
}
43

44
mat-card:nth-child(1) {
45
  border-radius: 5px;
46
  margin: 0 auto;
47
  width: 80%;
48
}
49

50
.detail-box {
51
  margin-bottom: 16px;
52
  padding: 16px;
53
}
54

55
.box-title {
56
  font-size: 16px;
57
  font-weight: 500;
58
}
59

60
.box-text {
61
  margin-top: 8px;
62
  overflow-wrap: break-word;
63
}
64

65
.form-group {
66
  display: flex;
67
  flex-direction: column;
68
  margin-top: 16px;
69
  width: 100%;
70
}
71