juice-shop

1
/*!
2
 * Copyright (c) 2014-2024 Bjoern Kimminich & the OWASP Juice Shop contributors.
3
 * SPDX-License-Identifier: MIT
4
 */
5

6
mat-card {
7
  display: block;
8
  margin-left: 30%;
9
  margin-right: 30%;
10
}
11

12
mat-form-field {
13
  padding-top: 10px;
14
  width: 100%;
15
}
16

17
.form-container {
18
  min-width: 350px;
19
}
20

21
#submitButton {
22
  margin-left: 20%;
23
  margin-top: 30px;
24
  width: 60%;
25
}
26

27
.heading {
28
  background: rgba(0, 0, 0, 0.2);
29
  font-size: x-large;
30
  justify-content: center;
31
  padding: 12px 20px;
32
}
33

34
.header_container {
35
  display: flex;
36
  justify-content: space-between;
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