this repo has no description
keii.dev
1.card {
2 width: 240px;
3}
4
5.card_container {
6 display: flex;
7 flex-direction: row;
8 flex-wrap:wrap;
9 gap: 20px;
10 width: 1200px;
11 margin: auto;
12 justify-content: center;
13 margin-bottom: 100px;
14}
15
16@media only screen and (max-width: 1250px) {
17 .card_container {
18 width: 98vw;
19 padding: 0px;
20 }
21}
22
23.h1 {
24 margin-left: auto;
25 margin-right: auto;
26 width: max-content;
27 margin-top: 50px;
28 margin-bottom: 20px;
29 display: flex;
30 flex-direction: column;
31 gap: 10px;
32 text-align: center;
33}
34
35.buttons {
36 display: flex;
37 gap: 18px;
38 align-items: center;
39}
40
41.more_info {
42 flex-grow: 1;
43 text-align: right;
44}
45
46.info_container {
47 display: flex;
48 flex-direction: row;
49}
50
51.card_actions {
52 padding: 8px;
53 position: absolute;
54 bottom: 0;
55 left: 0;
56 display: flex;
57 flex-direction: column;
58 gap: 5px;
59}
60
61.spacer {
62 width: 500px;
63 border-bottom: 1px solid lightgray;
64 margin-left: auto;
65 margin-right: auto;
66}
67
68@media only screen and (max-width: 600px) {
69 .spacer {
70 width: 80vw;
71 }
72
73 .h1 {
74 max-width: 80vw;
75 /*word-break: break-all;*/
76 }
77}
78
79.confirm_button {
80 width: 300px;
81}
82
83@media only screen and (max-width: 320px) {
84 .confirm_button {
85 width: 80vw;
86 }
87}
88
89.menu_icon {
90 position: fixed !important;
91 top: 20px;
92 left: 100vw;
93 transform: translateX(calc(-100% - 40px));
94 font-size: 48px;
95 border-radius: 100px !important;
96 z-index: 2;
97}
98
99.link_menu {
100 position: fixed;
101 left: 100vw;
102 transform: translateY(-50px) translateX(-100%);
103 width: 400px;
104 height: 100vh;
105 background-color: white;
106 filter: drop-shadow(0px 0px 15px gray);
107 z-index: 1;
108 display: flex;
109 flex-direction: column;
110 gap: 16px;
111 font-size: 22px;
112 padding: 32px;
113}
114
115.link_menu div:last-of-type {
116 margin-top: 22px;
117}
118
119@media only screen and (max-width: 600px) {
120 .link_menu {
121 position: fixed;
122 left: 0;
123 transform: translateY(-50px);
124 width: 100vw;
125 height: max-content;
126 min-height: 300px;
127 background-color: white;
128 z-index: 1;
129 display: flex;
130 flex-direction: column;
131 gap: 16px;
132 font-size: 22px;
133 padding: 32px;
134 padding-top: 74px !important;
135 }
136
137 .menu_icon {
138 position: fixed !important;
139 top: 20px;
140 left: 120px;
141 font-size: 48px;
142 border-radius: 100px !important;
143 z-index: 2;
144 }
145}
146
147.footer {
148 width: 100vw;
149 height: 50px;
150}
151
152.login {
153 text-align: center;
154}
155
156.login_container {
157 width: 100vw;
158 height: 100vh;
159 display: flex;
160 align-items: center;
161 justify-content: center;
162}
163
164.reciept_div {
165 display: flex;
166 flex-direction: row;
167 gap: 5px;
168 width: max-content;
169}