blob: 5668e4590bc84ec62dae9f095779985e52989bae [file] [log] [blame]
Serge Bazanski69c7f992021-05-12 22:45:22 +02001.hero {
2 color: rgba(223, 219, 244, 1);;
3 background-color: rgba(0, 0, 0, 1);;
4 text-align: center;
5 padding: 5em;
6}
7
8@media only screen and (max-width: 1281px) {
9 .hero {
10 padding: 1em !important;
11 }
12 main {
13 width: 90% !important;
14 }
15 section {
16 margin: 0 0 1em 0 !important;
17 padding: 0em !important;
18 }
19 .hotel-pic {
20 width: 100% !important;
21 }
22}
23
24* {
25 box-sizing: border-box;
26 /* TODO: find what's causing weird top belt */
27 margin: 0;
28 padding: 0;
29}
30
31body {
32 width: 100%;
33 height: 100%;
34 margin: 0;
35 background-color: rgba(0, 0, 0, 1);;
36}
37
38main {
39 width: 60%;
40 margin: 0 auto;
41}
42
43/* TODO: Maybe some fun with how text is laid */
44
45section.starter {
46 border: none !important;
47 padding: 1em;
48}
49
50section.starter img {
51 width: 100%
52}
53
54section {
55 color: rgba(223, 219, 244, 1);;
56 /* TODO: have some fun with transparency :D */
57 background-color: rgba(0, 0, 0, 1);;
58 padding-bottom: 5em;
59 word-wrap: break-word;
60 padding: 3em;
61}
62
63section:nth-child(2) {
64 margin: 0em 1em 0em -2em;
65}
66
67section:nth-child(3) {
68 margin: -3em -1em 3em 1em;
69}
70
71section:nth-child(4) {
72 margin: -6em -3em 6em 4em;
73}
74
75section:nth-child(5) {
76 margin: -9em -5em 9em 7em;
77}
78
79section:nth-child(6) {
80 margin: -12em -7em 12em 10em;
81}
82
83section:nth-child(7) {
84 margin: -15em -9em 15em 13em;
85}
86
87section p {
88 margin: 1em;
89}
90
91section h2 {
92 display: inline-block;
93 margin: 1em 1em 1em 0em;
94 padding: .5em;
95}
96
97section:nth-child(even) {
98 border: 8px solid rgba(173, 35, 101, 1);;
99}
100
101section:nth-child(even) h2 {
102 background-color: rgba(173, 35, 101, 1);;
103}
104
105section:nth-child(even) a {
106 color: rgba(173, 35, 101, 1);;
107}
108
109section:nth-child(even) a:hover {
110 color: rgba(61, 140, 208, 1);;
111}
112
113section:nth-child(odd) {
114 border: 8px solid rgba(61, 140, 208, 1);;
115}
116
117section:nth-child(odd) h1 {
118 background-color: rgba(61, 140, 208, 1);;
119}
120
121section:nth-child(odd) a {
122 color: rgba(61, 140, 208, 1);;
123}
124
125section:nth-child(odd) a:hover {
126 color: rgba(173, 35, 101, 1);;
127}
128
129/* testing area */
130.acc0 {
131 color: rgba(61, 140, 208, 1);;
132}
133
134.acc1 {
135 color: rgba(232, 227, 33, 1);;
136}
137
138.acc2 {
139 color: rgba(173, 35, 101, 1);;
140}
141
142.hotel-pic
143{
144 width: 50%;
145 display: block;
146 margin: .5em auto;
147 width: 50%;
148}