Skip to content

Commit 41047f2

Browse files
KartofelpufferKartofelpuffer
authored
Add files via upload
1 parent 0064a75 commit 41047f2

File tree

98 files changed

+2416
-1691
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

98 files changed

+2416
-1691
lines changed

‎interstellar-movies.css

+297
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,297 @@
1+
.interstellar-movies-container {
2+
width: 100%;
3+
display: flex;
4+
overflow: auto;
5+
min-height: 100vh;
6+
align-items: center;
7+
flex-direction: column;
8+
background-size: cover;
9+
background-image: url("public/playground_assets/wallpaperflare.com_wallpaper%20%5B4%5D-1500w.jpg");
10+
}
11+
.interstellar-movies-navbar-interactive {
12+
width: 100%;
13+
display: flex;
14+
position: relative;
15+
align-items: center;
16+
padding-top: 0px;
17+
padding-left: var(--dl-space-space-threeunits);
18+
padding-right: var(--dl-space-space-threeunits);
19+
padding-bottom: 0px;
20+
justify-content: space-between;
21+
}
22+
.interstellar-movies-navlink {
23+
display: contents;
24+
}
25+
.interstellar-movies-logo {
26+
width: 10%;
27+
height: 10%;
28+
text-decoration: none;
29+
}
30+
.interstellar-movies-desktop-menu {
31+
display: flex;
32+
position: relative;
33+
}
34+
.interstellar-movies-nav {
35+
flex: 1;
36+
color: var(--dl-color-gray-black);
37+
width: 100%;
38+
height: 100%;
39+
display: flex;
40+
align-self: center;
41+
align-items: center;
42+
flex-direction: row;
43+
justify-content: center;
44+
}
45+
.interstellar-movies-navlink01 {
46+
font-size: 25px;
47+
text-align: center;
48+
text-decoration: none;
49+
}
50+
.interstellar-movies-navlink02 {
51+
font-size: 25px;
52+
margin-left: var(--dl-space-space-twounits);
53+
text-decoration: none;
54+
}
55+
.interstellar-movies-navlink03 {
56+
font-size: 25px;
57+
margin-left: var(--dl-space-space-twounits);
58+
text-decoration: none;
59+
}
60+
.interstellar-movies-navlink04 {
61+
font-size: 25px;
62+
margin-left: var(--dl-space-space-twounits);
63+
text-decoration: none;
64+
}
65+
.interstellar-movies-navlink05 {
66+
font-size: 25px;
67+
margin-left: var(--dl-space-space-twounits);
68+
text-decoration: none;
69+
}
70+
.interstellar-movies-navlink06 {
71+
font-size: 25px;
72+
margin-left: var(--dl-space-space-twounits);
73+
text-decoration: none;
74+
}
75+
.interstellar-movies-navlink07 {
76+
font-size: 25px;
77+
margin-left: var(--dl-space-space-twounits);
78+
text-decoration: none;
79+
}
80+
.interstellar-movies-btn-group {
81+
display: flex;
82+
align-items: center;
83+
flex-direction: row;
84+
justify-content: space-between;
85+
}
86+
.interstellar-movies-link {
87+
display: contents;
88+
}
89+
.interstellar-movies-image {
90+
width: 100px;
91+
object-fit: cover;
92+
text-decoration: none;
93+
}
94+
.interstellar-movies-burger-menu {
95+
display: none;
96+
align-items: center;
97+
justify-content: center;
98+
}
99+
.interstellar-movies-icon {
100+
width: var(--dl-size-size-xsmall);
101+
height: var(--dl-size-size-xsmall);
102+
}
103+
.interstellar-movies-mobile-menu {
104+
top: 0px;
105+
left: 0px;
106+
width: 100%;
107+
height: 100vh;
108+
display: flex;
109+
padding: 32px;
110+
z-index: 100;
111+
position: fixed;
112+
transform: translateX(100%);
113+
transition: 0.5s;
114+
flex-direction: column;
115+
justify-content: space-between;
116+
background-color: #fff;
117+
}
118+
.interstellar-movies-nav1 {
119+
display: flex;
120+
align-items: flex-start;
121+
flex-direction: column;
122+
}
123+
.interstellar-movies-container1 {
124+
width: 100%;
125+
display: flex;
126+
align-items: center;
127+
margin-bottom: var(--dl-space-space-threeunits);
128+
justify-content: space-between;
129+
}
130+
.interstellar-movies-navlink08 {
131+
display: contents;
132+
}
133+
.interstellar-movies-image1 {
134+
height: 2rem;
135+
text-decoration: none;
136+
}
137+
.interstellar-movies-menu-close {
138+
display: flex;
139+
align-items: center;
140+
justify-content: center;
141+
}
142+
.interstellar-movies-icon2 {
143+
width: var(--dl-size-size-xsmall);
144+
height: var(--dl-size-size-xsmall);
145+
}
146+
.interstellar-movies-nav2 {
147+
flex: 0 0 auto;
148+
display: flex;
149+
align-items: flex-start;
150+
flex-direction: column;
151+
}
152+
.interstellar-movies-navlink09 {
153+
margin-bottom: var(--dl-space-space-unit);
154+
text-decoration: none;
155+
}
156+
.interstellar-movies-navlink10 {
157+
margin-bottom: var(--dl-space-space-unit);
158+
text-decoration: none;
159+
}
160+
.interstellar-movies-navlink11 {
161+
margin-bottom: var(--dl-space-space-unit);
162+
text-decoration: none;
163+
}
164+
.interstellar-movies-navlink12 {
165+
margin-bottom: var(--dl-space-space-unit);
166+
text-decoration: none;
167+
}
168+
.interstellar-movies-navlink13 {
169+
margin-bottom: var(--dl-space-space-unit);
170+
text-decoration: none;
171+
}
172+
.interstellar-movies-link1 {
173+
margin-bottom: var(--dl-space-space-unit);
174+
text-decoration: none;
175+
}
176+
.interstellar-movies-link2 {
177+
margin-bottom: var(--dl-space-space-unit);
178+
text-decoration: none;
179+
}
180+
.interstellar-movies-link3 {
181+
margin-bottom: var(--dl-space-space-unit);
182+
text-decoration: none;
183+
}
184+
.interstellar-movies-icon-group {
185+
border: 2px dashed rgba(120, 120, 120, 0.4);
186+
display: flex;
187+
}
188+
.interstellar-movies-div {
189+
width: 1385px;
190+
height: 765px;
191+
}
192+
.interstellar-movies-text02 {
193+
text-align: center;
194+
}
195+
.interstellar-movies-text03 {
196+
font-size: 22px;
197+
font-style: normal;
198+
font-weight: 400;
199+
}
200+
.interstellar-movies-text04 {
201+
font-size: 22px;
202+
font-style: normal;
203+
font-weight: 400;
204+
}
205+
.interstellar-movies-text05 {
206+
font-size: 22px;
207+
font-style: normal;
208+
font-weight: 400;
209+
}
210+
.interstellar-movies-text06 {
211+
font-size: 22px;
212+
font-style: normal;
213+
font-weight: 400;
214+
}
215+
.interstellar-movies-text07 {
216+
font-size: 22px;
217+
font-style: normal;
218+
font-weight: 400;
219+
}
220+
.interstellar-movies-text08 {
221+
font-size: 22px;
222+
font-style: normal;
223+
font-weight: 400;
224+
}
225+
.interstellar-movies-text09 {
226+
font-size: 22px;
227+
font-style: normal;
228+
font-weight: 400;
229+
}
230+
.interstellar-movies-text10 {
231+
font-size: 22px;
232+
font-style: normal;
233+
font-weight: 400;
234+
}
235+
.interstellar-movies-text11 {
236+
font-size: 22px;
237+
font-style: normal;
238+
font-weight: 400;
239+
}
240+
@media(max-width: 767px) {
241+
.interstellar-movies-navbar-interactive {
242+
padding-left: var(--dl-space-space-twounits);
243+
padding-right: var(--dl-space-space-twounits);
244+
}
245+
.interstellar-movies-desktop-menu {
246+
display: none;
247+
}
248+
.interstellar-movies-navlink02 {
249+
margin-left: var(--dl-space-space-unit);
250+
}
251+
.interstellar-movies-navlink03 {
252+
margin-left: var(--dl-space-space-unit);
253+
}
254+
.interstellar-movies-navlink04 {
255+
margin-left: var(--dl-space-space-unit);
256+
}
257+
.interstellar-movies-navlink05 {
258+
margin-left: var(--dl-space-space-unit);
259+
}
260+
.interstellar-movies-navlink06 {
261+
margin-left: var(--dl-space-space-unit);
262+
}
263+
.interstellar-movies-navlink07 {
264+
margin-left: var(--dl-space-space-unit);
265+
}
266+
.interstellar-movies-btn-group {
267+
display: none;
268+
}
269+
.interstellar-movies-burger-menu {
270+
display: flex;
271+
}
272+
.interstellar-movies-link1 {
273+
text-decoration: none;
274+
}
275+
.interstellar-movies-link2 {
276+
text-decoration: none;
277+
}
278+
.interstellar-movies-link3 {
279+
text-decoration: none;
280+
}
281+
}
282+
@media(max-width: 479px) {
283+
.interstellar-movies-navbar-interactive {
284+
padding: var(--dl-space-space-unit);
285+
}
286+
.interstellar-movies-logo {
287+
width: 15%;
288+
height: 15%;
289+
}
290+
.interstellar-movies-icon {
291+
width: 55px;
292+
height: 55px;
293+
}
294+
.interstellar-movies-mobile-menu {
295+
padding: 16px;
296+
}
297+
}

0 commit comments

Comments
 (0)