3 |
2 |
3 |
16 |
30 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
5 | }
6 |
7 | body {
8 | width: 100%;
9 | height: 100vh;
10 | background-image: url(assets/images/background2.png);
11 | background-position: center;
12 | background-size: cover;
13 | background-position: center;
14 | background-repeat: no-repeat;
15 | }
16 |
17 | #banner {
18 | position: relative;
19 | top: 45%;
20 | left: 50%;
21 | transform: translate(-50%, -50%);
22 | max-width: 100%;
23 | }
24 |
25 | .buttons {
26 | position: relative;
27 | top: 50%;
28 | left: 50%;
29 | transform: translate(-50%, -50%);
30 | width: 100%;
31 | display: flex;
32 | justify-content: center;
33 | align-items: center;
34 | gap: 25px;
35 | }
36 |
37 | .buy {
38 | display: inline-flex;
39 | height: 50px;
40 | padding: 0;
41 | background: #00A555;
42 | border: none;
43 | outline: none;
44 | border-radius: 5px;
45 | overflow: hidden;
46 | font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
47 | font-size: 15px;
48 | font-weight: 500;
49 | cursor: pointer;
50 | text-align: center;
51 | }
52 |
53 | .buy:hover {
54 | background: #00994C;
55 | }
56 |
57 | .buy:active {
58 | background: #009148;
59 | }
60 |
61 | .discord {
62 | display: inline-flex;
63 | height: 50px;
64 | padding: 0;
65 | background: #6C82CC;
66 | border: none;
67 | outline: none;
68 | border-radius: 5px;
69 | overflow: hidden;
70 | font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
71 | font-size: 15px;
72 | font-weight: 500;
73 | cursor: pointer;
74 | text-align: center;
75 | }
76 |
77 | .discord:hover {
78 | background: #6478BC;
79 | }
80 |
81 | .discord:active {
82 | background: #5F71AD;
83 | }
84 |
85 | .button__text,
86 | .button__icon {
87 | text-decoration: none;
88 | display: inline-flex;
89 | align-items: center;
90 | padding: 0 24px;
91 | color: #fff;
92 | height: 100%;
93 | }
94 |
95 | .button__icon {
96 | font-size: 1.5em;
97 | background: rgba(0, 0, 0, 0.08)
98 | }
99 |
--------------------------------------------------------------------------------