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
body {  padding: 0px;  margin: 0px;  font-size: 14px;  font-family: "Helvetica Nueue", "Lucida Grande", Arial, sans-serif;}
.app_loading {  width: 100%;  padding: 20px 0;  font-size: 16px;  text-align: center;  margin: 0 auto;}
.title_header {  background: #eee;  padding: 20px 0;  text-align: center;  width: 100%;}
.title_text {  font-size: 24px;}
.list_section {  padding: 20px 0;}
.list_list {  box-sizing: border-box;  list-style: none;  display: flex;  flex-wrap: wrap;  padding: 0 40px;  justify-content: center;}
.list_tile {  flex: 0 0 25%;  max-width: 25%;  min-width: 225px;  position: relative;  width: 100%;  padding: 15px;  box-sizing: border-box;}
.list_card {  position: relative;  display: flex;  flex-direction: column;  min-width: 0;  word-wrap: break-word;  background-color: #fff;  background-clip: border-box;  border: 1px solid rgba(0, 0, 0, 0.125);  border-radius: 0.25rem;  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);  overflow: hidden;  text-decoration: none;  color: #000;}
.list_image_container {  position: relative;  font-size: 0;  display: block;}
.list_image_container::before {  content: "";  display: block;  width: 100%;  position: relative;  padding-top: 56.3%;  box-sizing: border-box;}
.list_image {  width: 100%;  height: 100%;  position: absolute;  top: 0;}
.list_description {  flex: 1 1 auto;  padding: 1.25rem;}