1 | body {
|
2 | min-height: 3000px;
|
3 | }
|
4 | .element {
|
5 | width: 200px;
|
6 | height: 200px;
|
7 | background-color: #fe8;
|
8 | position: absolute;
|
9 | z-index: 6;
|
10 | }
|
11 |
|
12 | .target {
|
13 | width: 300px;
|
14 | height: 50px;
|
15 | margin: 0 35%;
|
16 | background-color: #4e9;
|
17 | }
|
18 |
|
19 | .container {
|
20 | height: 600px;
|
21 | overflow: scroll;
|
22 | width: 600px;
|
23 | border: 20px solid #CCC;
|
24 | margin-top: 100px;
|
25 | }
|
26 |
|
27 | body {
|
28 | padding: 15px;
|
29 | }
|
30 |
|
31 | body > .container {
|
32 | margin: 0 auto;
|
33 | }
|
34 |
|
35 | .pad {
|
36 | height: 400px;
|
37 | width: 100px;
|
38 | }
|
39 |
|
40 | .instructions {
|
41 | width: 100%;
|
42 | text-align: center;
|
43 | font-size: 24px;
|
44 | padding: 15px;
|
45 | background-color: rgba(210, 180, 140, 0.4);
|
46 | margin: -15px -15px 0 -15px;
|
47 | }
|
48 |
|