-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
266 lines (266 loc) · 64.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!DOCTYPE html>
<html lang="en">
<!-- thanks, carrd.co -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>NEW LOVE CITY</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="MysticElodie's Carrd" />
<meta property="og:site_name" content="NEW LOVE CITY" />
<meta property="og:title" content="NEW LOVE CITY" />
<meta property="og:type" content="website" />
<meta property="og:description" content="NEW LOVE CITY" />
<meta
property="og:image"
content="https://mysticelodie.carrd.co/assets/images/card.jpg?v=a35abe69"
/>
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="800" />
<meta property="og:url" content="https://mysticelodie.carrd.co" />
<meta property="twitter:card" content="summary_large_image" />
<link rel="canonical" href="https://mysticelodie.carrd.co/" />
<link
href="https://fonts.googleapis.com/css?family=Questrial:400,400italic,700,700italic%7COpen+Sans:400,400italic,700,700italic%7COpen+Sans+Condensed:700,700italic,900,900italic"
rel="stylesheet"
type="text/css"
/>
<style>
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}*, *:before, *:after {box-sizing: border-box;}body {line-height: 1.0;min-height: var(--viewport-height);min-width: 320px;overflow-x: hidden;word-wrap: break-word;}body:before {content: '';display: block;background-attachment: scroll;height: var(--background-height);left: 0;pointer-events: none;position: fixed;top: 0;transform: scale(1);width: 100vw;z-index: 0;background-image: url('assets/images/bg.png?v=a35abe69');background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #FFFFFF;}body:after {background-color: #000000;content: '';display: block;height: 100%;left: 0;opacity: 0;position: fixed;top: 0;transform: scale(1);transition: opacity 1.5s ease-in-out 0s, visibility 1.5s 0s;visibility: hidden;width: 100%;z-index: 1;}body.is-loading:after {opacity: 1;visibility: visible;}:root {--background-height: 100vh;--site-language-alignment: left;--site-language-direction: ltr;--site-language-flex-alignment: flex-start;--site-language-indent-left: 1;--site-language-indent-right: 0;--viewport-height: 100vh;}html {font-size: 18pt;}u {text-decoration: underline;}strong {color: inherit;font-weight: bolder;}em {font-style: italic;}code {background-color: rgba(144,144,144,0.25);border-radius: 0.25em;font-family: 'Lucida Console', 'Courier New', monospace;font-size: 0.9em;font-weight: normal;letter-spacing: 0;margin: 0 0.25em;padding: 0.25em 0.5em;text-indent: 0;}mark {background-color: rgba(144,144,144,0.25);}s {text-decoration: line-through;}sub {font-size: smaller;vertical-align: sub;}sup {font-size: smaller;vertical-align: super;}a {color: inherit;text-decoration: underline;transition: color 0.25s ease;}#wrapper {-webkit-overflow-scrolling: touch;align-items: center;display: flex;flex-direction: column;justify-content: center;min-height: var(--viewport-height);overflow: hidden;position: relative;z-index: 2;padding: 1.125rem 1.125rem 1.125rem 1.125rem;}#main {--alignment: center;--flex-alignment: center;--indent-left: 1;--indent-right: 1;--border-radius-tl: 3rem;--border-radius-tr: 3rem;--border-radius-br: 3rem;--border-radius-bl: 3rem;align-items: center;display: flex;flex-grow: 0;flex-shrink: 0;justify-content: center;max-width: 100%;position: relative;text-align: var(--alignment);z-index: 1;background-color: #000000;box-shadow: 0rem 0rem 0.5rem 0rem #000000;border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);border-top: solid 2px #000000;border-right: solid 2px #000000;border-bottom: solid 2px #000000;border-left: solid 2px #000000;transition: opacity 0.5s ease 0s,filter 0.5s ease 0s;}#main > .inner {--border-radius-tl: calc(3rem - 2px);--border-radius-tr: calc(3rem - 2px);--border-radius-br: calc(3rem - 2px);--border-radius-bl: calc(3rem - 2px);--padding-horizontal: 2.25rem;--padding-vertical: 0.25rem;--spacing: 1.5rem;--width: 36rem;border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);max-width: 100%;position: relative;width: var(--width);z-index: 1;padding: var(--padding-vertical) var(--padding-horizontal);}#main > .inner > header {margin-bottom: var(--spacing);border-top-left-radius: inherit;border-top-right-radius: inherit;}#main > .inner > footer {margin-top: var(--spacing);border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > * > * {margin-top: var(--spacing);margin-bottom: var(--spacing);}#main > .inner > * > :first-child {margin-top: 0 !important;}#main > .inner > * > :last-child {margin-bottom: 0 !important;}#main > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);}#main > .inner > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;margin-top: calc(var(--padding-vertical) * -1) !important;}#main > .inner > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;margin-bottom: calc(var(--padding-vertical) * -1) !important;}#main > .inner > .full.screen {border-radius: 0 !important;max-width: 100vw;position: relative;width: 100vw;left: 50%;margin-left: -50vw;right: auto;}#main > .inner > * > .full {margin-left: calc(-2.25rem);max-width: calc(100% + 4.5rem + 0.4725px);width: calc(100% + 4.5rem + 0.4725px);}#main > .inner > * > .full.screen {border-radius: 0 !important;max-width: 100vw;position: relative;width: 100vw;left: 50%;margin-left: -50vw;right: auto;}#main > .inner > header > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;margin-top: -0.25rem !important;}#main > .inner > footer > .full:last-child {margin-bottom: -0.25rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}body.is-loading #main {filter: blur(0.28125rem);opacity: 0;}#main > .inner > section > * {transition: opacity 0.625s ease-in-out 0s,filter 0.625s ease-in-out 0s;}body.is-loading #main > .inner > section > * {filter: blur(0.28125rem);opacity: 0;}#main > .inner > header, #main > .inner > footer {transition: opacity 0.25s ease-in-out 0.375s,visibility 0.25s linear 0.375s;}#main > .inner > header.hidden, #main > .inner > footer.hidden {transition: opacity 0.25s ease-in-out, visibility 0.25s;opacity: 0;visibility: hidden;}#main > .inner > section {transition: opacity 0.5s ease-in-out 0.25s,min-height 0.25s ease-in-out, max-height 0.25s ease-in-out;}#main > .inner > section.inactive {opacity: 0;transition: opacity 0.25s ease-in-out;}body.is-instant #main, body.is-instant #main > .inner > *,body.is-instant #main > .inner > section > * {transition: none !important;}body.is-instant:after {display: none !important;transition: none !important;}@keyframes loading-spinner {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.deferred:before {content: '';display: block;width: 4rem;height: 4rem;position: absolute;top: 50%;left: 50%;margin: -2rem 0 0 -2rem;animation: loading-spinner 1s infinite linear;transition: opacity 0.25s ease;transition-delay: 0.5s;opacity: 0;z-index: -1;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUge2ZpbGw6IHRyYW5zcGFyZW50OyBzdHJva2U6ICNmZmY7IHN0cm9rZS13aWR0aDogMS41cHg7IH08L3N0eWxlPjxkZWZzPjxjbGlwUGF0aCBpZD0iY29ybmVyIj48cG9seWdvbiBwb2ludHM9IjAsMCA0OCwwIDQ4LDQ4IDk2LDQ4IDk2LDk2IDAsOTYiIC8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2Nvcm5lcikiPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjMyIi8+PC9nPjwvc3ZnPg==');background-position: center;background-repeat: no-repeat;background-size: 3rem;}.deferred.loading:before {opacity: 0.35;z-index: 0;}.buttons {cursor: default;display: flex;justify-content: var(--flex-alignment);letter-spacing: 0;padding: 0;}.buttons li {max-width: 100%;}.buttons li a {align-items: center;justify-content: center;max-width: 100%;text-align: center;text-decoration: none;vertical-align: middle;white-space: nowrap;}#buttons01 {gap: 0.625rem;flex-direction: row;flex-wrap: wrap;}#buttons01:not(:first-child) {margin-top: 1.813rem !important;}#buttons01:not(:last-child) {margin-bottom: 1.813rem !important;}#buttons01 li a {display: inline-flex;width: 7.875rem;height: 2.125rem;line-height: 2.125rem;padding: 0 0.5rem;vertical-align: middle;text-transform: uppercase;font-family: 'Questrial', serif;letter-spacing: 0.125rem;padding-left: calc(0.125rem + 0.5rem);font-size: 0.75em;font-weight: 400;border-radius: 0.375rem;transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}#buttons01 li a svg {display: block;fill: #FF215C;flex-grow: 0;flex-shrink: 0;height: 100%;min-width: 18px;width: 1.25em;margin-left: -0.125em;margin-right: calc(0.5em + 0.125rem);transition: fill 0.25s ease;}#buttons01 li a .label {direction: var(--site-language-direction);overflow: hidden;text-overflow: ellipsis;}#buttons01 .button {color: #FF215C;border: solid 1px #FF215C;}#buttons01 .button:hover {border-color: #00AFAF !important;color: #00AFAF !important;}#buttons01 .button:hover svg {fill: #00AFAF !important;}hr {border: 0;padding: 0;position: relative;width: 100%;}hr:before {content: '';display: inline-block;max-width: 100%;vertical-align: middle;}#divider03:before {width: 32rem;border-bottom: solid 2px #7F307B;border-top: solid 2px #7F307B;height: 6px;margin-top: -1.5px;}#divider06:before {width: 32rem;border-bottom: solid 2px #7F307B;border-top: solid 2px #7F307B;height: 6px;margin-top: -1.5px;}.image {display: block;line-height: 0;max-width: 100%;position: relative;}.image .frame {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);display: inline-block;max-width: 100%;overflow: hidden;vertical-align: top;width: 100%;}.image .frame img {border-radius: 0 !important;max-width: 100%;vertical-align: top;width: inherit;}.image.full .frame {display: block;}.image.full:first-child .frame {border-top-left-radius: inherit;border-top-right-radius: inherit;}.image.full:last-child .frame {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#image03 .frame {max-width: 100%;width: 200px;border-radius: 100%;transition: none;}#image03 .frame img {transition: none;}#image01 .frame {max-width: 100%;width: auto;border-radius: 0.25rem;transition: none;}#image01 .frame img {transition: none;}#image02 .frame {max-width: 100%;width: auto;border-radius: 0.25rem;transition: none;}#image02 .frame img {transition: none;}#image09 .frame {max-width: 100%;width: auto;border-radius: 0.25rem;transition: none;}#image09 .frame img {transition: none;}#image07 .frame {max-width: 100%;width: auto;border-radius: 0.25rem;transition: none;}#image07 .frame img {transition: none;}#image06 .frame {max-width: 100%;width: auto;border-radius: 0.25rem;transition: none;}#image06 .frame img {transition: none;}h1, h2, h3, p {direction: var(--site-language-direction);position: relative;}h1 span.p, h2 span.p, h3 span.p, p span.p {display: block;position: relative;}h1 span[style], h2 span[style], h3 span[style], p span[style], h1 strong, h2 strong, h3 strong, p strong, h1 a, h2 a, h3 a, p a, h1 code, h2 code, h3 code, p code, h1 mark, h2 mark, h3 mark, p mark {-webkit-text-fill-color: currentcolor;}h1.style3, h2.style3, h3.style3, p.style3 {color: #FFDDEE;font-family: 'Questrial', serif;letter-spacing: 0.1rem;width: calc(100% + 0.1rem);font-size: 2.125em;line-height: 0.75;font-weight: 400;}h1.style3 a, h2.style3 a, h3.style3 a, p.style3 a {text-decoration: underline;}h1.style3 a:hover, h2.style3 a:hover, h3.style3 a:hover, p.style3 a:hover {text-decoration: none;}h1.style3 span.p:nth-child(n + 2), h2.style3 span.p:nth-child(n + 2), h3.style3 span.p:nth-child(n + 2), p.style3 span.p:nth-child(n + 2) {margin-top: 1rem;}#text08 {text-align: center;color: #7F307B;font-family: 'Open Sans', sans-serif;font-size: 1.125em;line-height: 1.125;font-weight: 400;}#text08 a {text-decoration: underline;}#text08 a:hover {text-decoration: none;}#text08 span.p:nth-child(n + 2) {margin-top: 1rem;}#text02 {text-align: left;color: #7F307B;font-family: 'Open Sans Condensed', sans-serif;font-size: 1.125em;line-height: 1.375;font-weight: 700;}#text02 a {text-decoration: underline;}#text02 a:hover {text-decoration: none;}#text02 span.p:nth-child(n + 2) {margin-top: 1rem;}h1.style1, h2.style1, h3.style1, p.style1 {text-align: left;color: #FFDDEE;font-family: 'Open Sans', sans-serif;font-size: 0.625em;line-height: 1.375;font-weight: 400;}h1.style1 a, h2.style1 a, h3.style1 a, p.style1 a {color: #FF215C;text-decoration: underline;}h1.style1 a:hover, h2.style1 a:hover, h3.style1 a:hover, p.style1 a:hover {color: #00AFAF;}h1.style1 span.p:nth-child(n + 2), h2.style1 span.p:nth-child(n + 2), h3.style1 span.p:nth-child(n + 2), p.style1 span.p:nth-child(n + 2) {margin-top: 1rem;}#text01 {text-align: left;color: #7F307B;font-family: 'Open Sans Condensed', sans-serif;font-size: 1.125em;line-height: 1.375;font-weight: 700;}#text01 a {text-decoration: underline;}#text01 a:hover {text-decoration: none;}#text01 span.p:nth-child(n + 2) {margin-top: 1rem;}#text13 {text-align: left;color: #7F307B;font-family: 'Open Sans Condensed', sans-serif;font-size: 1.125em;line-height: 1.375;font-weight: 700;}#text13 a {text-decoration: underline;}#text13 a:hover {text-decoration: none;}#text13 span.p:nth-child(n + 2) {margin-top: 1rem;}#text05 {text-align: left;color: #7F307B;font-family: 'Open Sans Condensed', sans-serif;font-size: 1.125em;line-height: 1.375;font-weight: 700;}#text05 a {text-decoration: underline;}#text05 a:hover {text-decoration: none;}#text05 span.p:nth-child(n + 2) {margin-top: 1rem;}#text10 {text-align: left;color: #7F307B;font-family: 'Open Sans Condensed', sans-serif;font-size: 1.125em;line-height: 1.375;font-weight: 700;}#text10 a {text-decoration: underline;}#text10 a:hover {text-decoration: none;}#text10 span.p:nth-child(n + 2) {margin-top: 1rem;}.icons {display: flex;flex-wrap: wrap;justify-content: var(--flex-alignment);letter-spacing: 0;padding: 0;}.icons li {position: relative;z-index: 1;}.icons li a {align-items: center;display: flex;justify-content: center;}.icons li a svg {display: block;position: relative;}.icons li a + svg {display: block;height: 100%;left: 0;pointer-events: none;position: absolute;top: 0;width: 100%;z-index: -1;}.icons li a .label {display: none;}#icons01 {font-size: 1.25em;gap: 0.625rem;}#icons01:not(:first-child) {margin-top: 1.813rem !important;}#icons01:not(:last-child) {margin-bottom: 1.813rem !important;}#icons01 li a {border-radius: 100%;height: 2em;width: 2em;transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}#icons01 li a svg {height: 60%;width: 60%;transition: fill 0.25s ease;}#icons01 a svg {fill: #FF215C;}#icons01 a {border: solid 1px #FF215C;}#icons01 a:hover {border-color: #00AFAF !important;}#icons01 a:hover svg {fill: #00AFAF !important;}#icons01 li a + svg {transition: fill 0.25s ease, stroke 0.25s ease;}.container {position: relative;}.container > .wrapper {vertical-align: top;position: relative;max-width: 100%;border-radius: inherit;}.container > .wrapper > .inner {vertical-align: top;position: relative;max-width: 100%;border-radius: inherit;text-align: var(--alignment);}#main .container.full:first-child > .wrapper {border-top-left-radius: inherit;border-top-right-radius: inherit;}#main .container.full:last-child > .wrapper {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main .container.full:first-child > .wrapper > .inner {border-top-left-radius: inherit;border-top-right-radius: inherit;}#main .container.full:last-child > .wrapper > .inner {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#container02 > .wrapper {display: inline-block;width: 75rem;background-color: #000000;border-radius: 0rem;}#container02 > .wrapper > .inner {--gutters: 1.5rem;--padding-horizontal: 2rem;--padding-vertical: 0rem;--spacing: 0.75rem;padding: var(--padding-vertical) var(--padding-horizontal);}#container02.default > .wrapper > .inner > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}#container02.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}#container02.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}#container02.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: flex-start;}#container02.columns > .wrapper > .inner > * {flex-grow: 0;flex-shrink: 0;max-width: 100%;text-align: var(--alignment);padding: 0 0 0 var(--gutters);}#container02.columns > .wrapper > .inner > * > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}#container02.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}#container02.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}#container02.columns > .wrapper > .inner > *:first-child {margin-left: calc(var(--gutters) * -1);}#container02.default > .wrapper > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: none !important;width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}#container02.default > .wrapper > .inner > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#container02.default > .wrapper > .inner > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#container02.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--gutters) * -0.5);max-width: none !important;width: calc(100% + var(--gutters) + 0.4725px);}#container02.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}#container02.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}#container02.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}#container02.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}#container02.columns > .wrapper > .inner > div:first-child, #container02.columns > .wrapper > .inner > div:first-child > .full:first-child {border-top-left-radius: inherit;}#container02.columns > .wrapper > .inner > div:last-child, #container02.columns > .wrapper > .inner > div:last-child > .full:first-child {border-top-right-radius: inherit;}#container02.columns > .wrapper > .inner > .full {align-self: stretch;}#container02.columns > .wrapper > .inner > .full:first-child {border-bottom-left-radius: inherit;border-top-left-radius: inherit;}#container02.columns > .wrapper > .inner > .full:last-child {border-bottom-right-radius: inherit;border-top-right-radius: inherit;}#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child {border-radius: inherit;height: calc(100% + (var(--padding-vertical) * 2));}#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {border-radius: inherit;height: 100%;position: absolute;width: 100%;}#container02 > .wrapper > .inner > :nth-child(1) {width: calc(50% + (var(--gutters) / 2));}#container02 > .wrapper > .inner > :nth-child(2) {width: calc(50% + (var(--gutters) / 2));}#container03 > .wrapper {display: inline-block;width: 75rem;background-color: #000000;border-radius: 0rem;}#container03 > .wrapper > .inner {--gutters: 1.5rem;--padding-horizontal: 2rem;--padding-vertical: 0rem;--spacing: 0.75rem;padding: var(--padding-vertical) var(--padding-horizontal);}#container03.default > .wrapper > .inner > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}#container03.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}#container03.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}#container03.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: flex-start;}#container03.columns > .wrapper > .inner > * {flex-grow: 0;flex-shrink: 0;max-width: 100%;text-align: var(--alignment);padding: 0 0 0 var(--gutters);}#container03.columns > .wrapper > .inner > * > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}#container03.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}#container03.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}#container03.columns > .wrapper > .inner > *:first-child {margin-left: calc(var(--gutters) * -1);}#container03.default > .wrapper > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: none !important;width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}#container03.default > .wrapper > .inner > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#container03.default > .wrapper > .inner > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#container03.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--gutters) * -0.5);max-width: none !important;width: calc(100% + var(--gutters) + 0.4725px);}#container03.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}#container03.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}#container03.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}#container03.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}#container03.columns > .wrapper > .inner > div:first-child, #container03.columns > .wrapper > .inner > div:first-child > .full:first-child {border-top-left-radius: inherit;}#container03.columns > .wrapper > .inner > div:last-child, #container03.columns > .wrapper > .inner > div:last-child > .full:first-child {border-top-right-radius: inherit;}#container03.columns > .wrapper > .inner > .full {align-self: stretch;}#container03.columns > .wrapper > .inner > .full:first-child {border-bottom-left-radius: inherit;border-top-left-radius: inherit;}#container03.columns > .wrapper > .inner > .full:last-child {border-bottom-right-radius: inherit;border-top-right-radius: inherit;}#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child {border-radius: inherit;height: calc(100% + (var(--padding-vertical) * 2));}#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {border-radius: inherit;height: 100%;position: absolute;width: 100%;}#container03 > .wrapper > .inner > :nth-child(1) {width: calc(33.33333% + (var(--gutters) / 3));}#container03 > .wrapper > .inner > :nth-child(2) {width: calc(33.33333% + (var(--gutters) / 3));}#container03 > .wrapper > .inner > :nth-child(3) {width: calc(33.33333% + (var(--gutters) / 3));}.icc-credits {display: block;opacity: 1 !important;position: relative;transition-delay: 0s !important;}.icc-credits span {border-radius: 24px;cursor: pointer;display: inline-block;font-family: Arial, sans-serif;font-size: 12px;letter-spacing: 0;line-height: 1;position: relative;text-decoration: none;width: auto;}.icc-credits span a {display: inline-block;padding: 0.5em 0.375em;position: relative;text-decoration: none;transition: color 0.25s ease, transform 0.25s ease;z-index: 1;}.icc-credits span a:before {content: '( ';opacity: 1;transition: opacity 0.25s ease;}.icc-credits span a:after {content: ' )';opacity: 1;transition: opacity 0.25s ease;}.icc-credits span::after {background-image: linear-gradient(30deg, #A464A1 15%, #3B5DAD 85%);border-radius: inherit;box-shadow: 0 0.25em 1.25em 0 rgba(0,0,0,0.25);content: '';display: block;height: calc(100% + 2px);left: -1px;opacity: 0;pointer-events: none;position: absolute;top: -1px;transition: opacity 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;width: calc(100% + 2px);}.icc-credits span:hover {text-transform: none !important;}.icc-credits span:hover a {color: #ffffff !important;transform: scale(1.1) translateY(-0.05rem);}.icc-credits span:hover a:before {opacity: 0;}.icc-credits span:hover a:after {opacity: 0;}.icc-credits span:hover::after {opacity: 1;transform: scale(1.1) translateY(-0.05rem);}#credits span {color: rgba(255,221,238,0.498);margin-top: 1.5rem !important;}@media (max-width: 1920px) {}@media (max-width: 1680px) {html {font-size: 13pt;}}@media (max-width: 1280px) {html {font-size: 13pt;}}@media (max-width: 1024px) {}@media (max-width: 980px) {html {font-size: 11pt;}}@media (max-width: 736px) {html {font-size: 11pt;}#main > .inner {--padding-horizontal: 2rem;--padding-vertical: 0.25rem;--spacing: 1.5rem;}#main > .inner > * > .full {margin-left: calc(-2rem);max-width: calc(100% + 4rem + 0.4725px);width: calc(100% + 4rem + 0.4725px);}#main > .inner > * > .full.screen {margin-left: -50vw;}#main > .inner > header > .full:first-child {margin-top: -0.25rem !important;}#main > .inner > footer > .full:last-child {margin-bottom: -0.25rem !important;}#buttons01 {gap: 0.625rem;}#buttons01:not(:first-child) {margin-top: 1.35975rem !important;}#buttons01:not(:last-child) {margin-bottom: 1.35975rem !important;}#buttons01 li a {letter-spacing: 0.125rem;padding-left: calc(0.125rem + 0.5rem);font-size: 0.75em;}#buttons01 li a svg {width: 1.25em;}#divider03:before {width: 32rem;}#divider06:before {width: 32rem;}h1.style3, h2.style3, h3.style3, p.style3 {letter-spacing: 0.0875rem;width: calc(100% + 0.0875rem);font-size: 2.125em;line-height: 0.75;}#text08 {letter-spacing: 0rem;width: 100%;font-size: 1.125em;line-height: 1.125;}#text02 {letter-spacing: 0rem;width: 100%;font-size: 1.125em;line-height: 1.375;}h1.style1, h2.style1, h3.style1, p.style1 {letter-spacing: 0rem;width: 100%;font-size: 0.625em;line-height: 1.375;}#text01 {letter-spacing: 0rem;width: 100%;font-size: 1.125em;line-height: 1.375;}#text13 {letter-spacing: 0rem;width: 100%;font-size: 1.125em;line-height: 1.375;}#text05 {letter-spacing: 0rem;width: 100%;font-size: 1.125em;line-height: 1.375;}#text10 {letter-spacing: 0rem;width: 100%;font-size: 1.125em;line-height: 1.375;}#icons01 {font-size: 1.25em;gap: 0.625rem;}#icons01:not(:first-child) {margin-top: 1.35975rem !important;}#icons01:not(:last-child) {margin-bottom: 1.35975rem !important;}#container02 {--alignment: left;--flex-alignment: flex-start;--indent-left: 1;--indent-right: 0;}#container02 > .wrapper > .inner {--gutters: 1.5rem;--padding-horizontal: 2rem;--padding-vertical: 0rem;--spacing: 0.75rem;}#container02.columns > .wrapper > .inner {flex-direction: column !important;flex-wrap: nowrap !important;}#container02.columns > .wrapper > .inner > span {height: 0;margin-top: calc(var(--gutters) * -1);pointer-events: none;visibility: hidden;}#container02.columns > .wrapper > .inner > *:first-child {margin-left: 0 !important;padding-top: 0 !important;}#container02.columns > .wrapper > .inner > * {padding: calc(var(--gutters) * 0.5) 0 !important;}#container02.columns > .wrapper > .inner > *:last-child {padding-bottom: 0 !important;}#container02.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}#container02.columns > .wrapper > .inner > div:first-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}#container02.columns > .wrapper > .inner > div:last-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}#container02.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--gutters) * -0.5) !important;}#container02.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--gutters) * -0.5) !important;}#container02.columns > .wrapper > .inner > div:first-of-type > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}#container02.columns > .wrapper > .inner > div:last-of-type > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}#container02.columns > .wrapper > .inner > div:first-of-type, #container02.columns > .wrapper > .inner > div:first-of-type > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}#container02.columns > .wrapper > .inner > div:last-of-type, #container02.columns > .wrapper > .inner > div:last-of-type > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#container02.columns > .wrapper > .inner > div:first-of-type, #container02.columns > .wrapper > .inner > div:first-of-type > .full:last-child {border-bottom-left-radius: 0 !important;}#container02.columns > .wrapper > .inner > div:last-of-type, #container02.columns > .wrapper > .inner > div:last-of-type > .full:first-child {border-top-right-radius: 0 !important;}#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: auto;}#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {height: auto;position: relative;width: auto;}#container02 > .wrapper > .inner > :nth-child(1) {--alignment: left;--flex-alignment: left;--indent-left: 1;--indent-right: 0;min-height: 100% !important;width: 100% !important;}#container02 > .wrapper > .inner > :nth-child(2) {--alignment: left;--flex-alignment: left;--indent-left: 1;--indent-right: 0;min-height: 100% !important;width: 100% !important;}#container03 {--alignment: left;--flex-alignment: flex-start;--indent-left: 1;--indent-right: 0;}#container03 > .wrapper > .inner {--gutters: 1.5rem;--padding-horizontal: 2rem;--padding-vertical: 0rem;--spacing: 0.75rem;}#container03.columns > .wrapper > .inner {flex-direction: column-reverse !important;flex-wrap: nowrap !important;}#container03.columns > .wrapper > .inner > span {height: 0;margin-top: calc(var(--padding-vertical) * -2);pointer-events: none;visibility: hidden;}#container03.columns > .wrapper > .inner > *:first-child {margin-left: 0 !important;padding-bottom: 0 !important;}#container03.columns > .wrapper > .inner > * {padding: calc(var(--gutters) * 0.5) 0 !important;}#container03.columns > .wrapper > .inner > *:last-child {padding-top: 0 !important;}#container03.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}#container03.columns > .wrapper > .inner > div:first-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}#container03.columns > .wrapper > .inner > div:last-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}#container03.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--gutters) * -0.5) !important;}#container03.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--gutters) * -0.5) !important;}#container03.columns > .wrapper > .inner > div:last-of-type > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}#container03.columns > .wrapper > .inner > div:first-of-type > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}#container03.columns > .wrapper > .inner > div:last-of-type, #container03.columns > .wrapper > .inner > div:last-of-type > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}#container03.columns > .wrapper > .inner > div:first-of-type, #container03.columns > .wrapper > .inner > div:first-of-type > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#container03.columns > .wrapper > .inner > div:last-of-type, #container03.columns > .wrapper > .inner > div:last-of-type > .full:last-child {border-bottom-right-radius: 0 !important;}#container03.columns > .wrapper > .inner > div:first-of-type, #container03.columns > .wrapper > .inner > div:first-of-type > .full:first-child {border-top-left-radius: 0 !important;}#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: auto;}#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {height: auto;position: relative;width: auto;}#container03 > .wrapper > .inner > :nth-child(1) {--alignment: left;--flex-alignment: left;--indent-left: 1;--indent-right: 0;min-height: 100% !important;width: 100% !important;}#container03 > .wrapper > .inner > :nth-child(2) {--alignment: left;--flex-alignment: left;--indent-left: 1;--indent-right: 0;min-height: 100% !important;width: 100% !important;}#container03 > .wrapper > .inner > :nth-child(3) {--alignment: left;--flex-alignment: left;--indent-left: 1;--indent-right: 0;min-height: 100% !important;width: 100% !important;}}@media (max-width: 480px) {#main > .inner {--spacing: 1.3125rem;}#buttons01 {flex-direction: column;flex-wrap: nowrap;}#buttons01 li a {max-width: 32rem;width: 100%;}#container02 > .wrapper > .inner {--spacing: 0.65625rem;}#container03 > .wrapper > .inner {--spacing: 0.65625rem;}}@media (max-width: 360px) {#main > .inner {--padding-horizontal: 1.5rem;--padding-vertical: 0.1875rem;--spacing: 1.125rem;}#main > .inner > * > .full {margin-left: calc(-1.5rem);max-width: calc(100% + 3rem + 0.4725px);width: calc(100% + 3rem + 0.4725px);}#main > .inner > * > .full.screen {margin-left: -50vw;}#main > .inner > header > .full:first-child {margin-top: -0.1875rem !important;}#main > .inner > footer > .full:last-child {margin-bottom: -0.1875rem !important;}#buttons01 {gap: 0.46875rem;}h1.style3, h2.style3, h3.style3, p.style3 {font-size: 2em;}#text08 {font-size: 1.125em;}#text02 {font-size: 1.125em;}h1.style1, h2.style1, h3.style1, p.style1 {font-size: 0.625em;}#text01 {font-size: 1.125em;}#text13 {font-size: 1.125em;}#text05 {font-size: 1.125em;}#text10 {font-size: 1.125em;}#icons01 {gap: 0.46875rem;}#container02 > .wrapper > .inner {--gutters: 1.125rem;--padding-horizontal: 1.5rem;--padding-vertical: 0rem;--spacing: 0.5625rem;}#container03 > .wrapper > .inner {--gutters: 1.125rem;--padding-horizontal: 1.5rem;--padding-vertical: 0rem;--spacing: 0.5625rem;}}
</style>
<noscript
><style>
body {overflow: auto !important;}body:after {display: none !important;}#main > .inner {opacity: 1.0 !important;}#main {opacity: 1.0 !important;transform: none !important;transition: none !important;filter: none !important;}#main > .inner > section {opacity: 1.0 !important;transform: none !important;transition: none !important;filter: none !important;}#main > .inner > section > * {opacity: 1.0 !important;transform: none !important;transition: none !important;filter: none !important;}
</style></noscript
>
<style></style>
</head>
<body class="is-ready">
<svg
xmlns="http://www.w3.org/2000/svg"
version="1.1"
xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 40 40"
display="none"
width="0"
height="0"
>
<symbol id="icon-9f8" viewBox="0 0 40 40">
<path
d="M30.79,3.55L18.33,14.86c-1.2,1.09-1.8,2.47-1.8,4.14c0,1.65,0.59,3.08,1.77,4.29s2.59,1.81,4.23,1.81 c1.58,0,2.99-0.59,4.26-1.78c1.73-1.6,4.76-6.5,9.08-14.69c0.59-1.15,0.88-2.13,0.88-2.95c0-0.91-0.34-1.67-1.03-2.28 S34.24,2.5,33.33,2.5C32.41,2.5,31.56,2.85,30.79,3.55z M13.14,22.9c-0.68,0.1-1.35,0.26-2.01,0.5s-1.24,0.54-1.72,0.93 c-0.48,0.38-0.93,0.88-1.36,1.48c-0.42,0.61-0.8,1.34-1.12,2.2c-0.18,0.48-0.54,0.72-1.07,0.72c-0.2,0-0.49-0.11-0.9-0.33 s-0.79-0.46-1.15-0.71s-0.77-0.54-1.21-0.87s-0.71-0.52-0.8-0.59c0,1.54,0.19,2.97,0.57,4.3s0.94,2.52,1.69,3.57 s1.74,1.88,2.98,2.49s2.66,0.91,4.26,0.91c2.8,0,5.07-0.87,6.81-2.62s2.58-4,2.53-6.78l-0.02-1.39c-1.08-0.29-2.06-0.78-2.94-1.48 s-1.57-1.55-2.08-2.54C14.63,22.73,13.81,22.8,13.14,22.9z"
></path>
</symbol>
<symbol id="icon-902" viewBox="0 0 40 40">
<path
d="M33.3,22.3v11.2c0,0.4-0.1,0.8-0.4,1.1c-0.3,0.3-0.6,0.4-1.1,0.4h-9v-9h-6v9h-9c-0.4,0-0.8-0.1-1.1-0.4 c-0.3-0.3-0.4-0.6-0.4-1.1V22.3c0,0,0,0,0-0.1s0-0.1,0-0.1L19.9,11l13.5,11.1C33.3,22.1,33.3,22.2,33.3,22.3L33.3,22.3z M38.5,20.6 l-1.5,1.7c-0.1,0.1-0.3,0.2-0.5,0.3h-0.1c-0.2,0-0.4-0.1-0.5-0.2L19.9,9L3.7,22.5c-0.2,0.1-0.4,0.2-0.6,0.2c-0.2,0-0.4-0.1-0.5-0.3 l-1.5-1.7C1,20.5,1,20.3,1,20.1s0.1-0.4,0.3-0.5l16.8-14C18.6,5.2,19.2,5,19.9,5s1.3,0.2,1.8,0.6l5.7,4.8V5.8c0-0.2,0.1-0.4,0.2-0.5 S27.9,5,28.1,5h4.5c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v9.5l5.1,4.3c0.2,0.1,0.2,0.3,0.3,0.5 C38.7,20.3,38.7,20.5,38.5,20.6L38.5,20.6z"
></path>
</symbol>
<symbol id="icon-913" viewBox="0 0 40 40">
<path
d="M26.8,29.7l1.6,4.6c-0.3,0.5-1,0.9-2.2,1.3s-2.3,0.6-3.4,0.6c-1.4,0-2.6-0.1-3.7-0.5s-2.1-0.8-2.8-1.4 c-0.7-0.6-1.3-1.3-1.9-2.1c-0.5-0.8-0.9-1.6-1.1-2.3c-0.2-0.8-0.3-1.5-0.3-2.3V16.9H9.7v-4.2c0.9-0.3,1.8-0.8,2.5-1.4 s1.3-1.1,1.8-1.8s0.8-1.3,1.1-2c0.3-0.7,0.5-1.4,0.7-1.9S16,4.6,16.1,4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.1-0.1h4.8V12h6.5v4.9h-6.5V27 c0,0.4,0,0.8,0.1,1.1c0.1,0.3,0.2,0.7,0.4,1s0.5,0.6,1,0.8c0.4,0.2,1,0.3,1.6,0.3C25.2,30.2,26.1,30,26.8,29.7L26.8,29.7z"
></path>
</symbol>
<symbol id="icon-92f" viewBox="0 0 40 40">
<path
d="M20,13.9v8.4h-2.8v-8.4H20z M27.7,13.9v8.4h-2.8v-8.4H27.7z M27.7,28.5l4.9-4.9V8.3h-23v20.2h6.3v4.2l4.2-4.2 C20,28.5,27.7,28.5,27.7,28.5z M35.4,5.5v19.6l-8.4,8.4h-6.3l-4.2,4.2h-4.2v-4.2H4.6V11.1l2.1-5.6H35.4L35.4,5.5z"
></path>
</symbol>
<symbol id="icon-905" viewBox="0 0 40 40">
<path
d="M36.3,10.2c-1,1.3-2.1,2.5-3.4,3.5c0,0.2,0,0.4,0,1c0,1.7-0.2,3.6-0.9,5.3c-0.6,1.7-1.2,3.5-2.4,5.1 c-1.1,1.5-2.3,3.1-3.7,4.3c-1.4,1.2-3.3,2.3-5.3,3c-2.1,0.8-4.2,1.2-6.6,1.2c-3.6,0-7-1-10.2-3c0.4,0,1.1,0.1,1.5,0.1 c3.1,0,5.9-1,8.2-2.9c-1.4,0-2.7-0.4-3.8-1.3c-1.2-1-1.9-2-2.2-3.3c0.4,0.1,1,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-1.4-0.3-2.7-1.1-3.7-2.3s-1.4-2.6-1.4-4.2v-0.1c1,0.6,2,0.9,3,0.9c-1-0.6-1.5-1.3-2.2-2.4c-0.6-1-0.9-2.1-0.9-3.3s0.3-2.3,1-3.4 c1.5,2.1,3.6,3.6,6,4.9s4.9,2,7.6,2.1c-0.1-0.6-0.1-1.1-0.1-1.4c0-1.8,0.8-3.5,2-4.7c1.2-1.2,2.9-2,4.7-2c2,0,3.6,0.8,4.8,2.1 c1.4-0.3,2.9-0.9,4.2-1.5c-0.4,1.5-1.4,2.7-2.9,3.6C33.8,11.2,35.1,10.9,36.3,10.2L36.3,10.2z"
></path>
</symbol>
</svg>
<div id="wrapper">
<div id="main">
<div class="inner">
<header id="header">
<ul id="buttons01" class="buttons">
<li>
<a href="#home" class="button n01"
><svg><use xlink:href="#icon-902"></use></svg
><span class="label">Home</span></a
>
</li>
<li>
<a href="#mods" class="button n02"
><svg><use xlink:href="#icon-9f8"></use></svg
><span class="label">Projects</span></a
>
</li>
</ul>
<hr id="divider03" />
</header>
<section id="home-section" class="active">
<div id="image03" class="image">
<span class="frame"
><img src="assets/images/image03.png" alt=""
/></span>
</div>
<h1 id="text04" class="style3">⋄ MysticElodie ⋄</h1>
<p id="text08">
<span class="p"
>mod dev (sometimes)<br />
part-time space cowboy, full-time girl</span
>
</p>
<ul id="icons01" class="icons">
<li>
<a class="n01" href="https://twitter.com/MysticElodie"
><svg><use xlink:href="#icon-905"></use></svg
><span class="label">Twitter</span></a
>
</li>
<li>
<a class="n02" href="https://mysticelodie.tumblr.com/"
><svg><use xlink:href="#icon-913"></use></svg
><span class="label">Tumblr</span></a
>
</li>
<li>
<a class="n03" href="https://www.twitch.tv/mysticelodie"
><svg><use xlink:href="#icon-92f"></use></svg
><span class="label">Twitch</span></a
>
</li>
</ul>
</section>
<section id="mods-section" class="inactive" style="display: none;">
<div id="container02" class="container columns">
<div class="wrapper">
<div class="inner">
<div>
<div id="image07" class="image">
<span class="frame"
><img src="assets/images/image07.png" alt=""
/></span>
</div>
<p id="text05">Morrowind</p>
<p id="text11" class="style1">
<span class="p"
>⋄
<a
href="https://www.nexusmods.com/morrowind/users/75709538?tab=user+files"
><strong>Nexus Mods</strong></a
><br />
⋄
<a
href="https://mw.moddinghall.com/profile/39-mysticelodie/content/?type=downloads_file"
><strong>MW Modding Hall</strong></a
></span
>
</p>
</div>
<div>
<div id="image06" class="image">
<span class="frame"
><img src="assets/images/image06.png" alt=""
/></span>
</div>
<p id="text10">Saints Row</p>
<p id="text03" class="style1">
<span class="p"
>⋄
<a
href="https://www.saintsrowmods.com/forum/members/mysticelodie.153945/#about"
><strong>Saints Row Mods</strong></a
><br />
⋄
<a
href="https://drive.google.com/drive/folders/1tIGSD_EojepuqdBMb4aa36kXSQv49p4A?usp=sharing"
><strong>Google Drive</strong></a
></span
>
</p>
</div>
</div>
</div>
</div>
<div id="container03" class="container columns">
<div class="wrapper">
<div class="inner">
<div>
<div id="image02" class="image">
<span
class="frame deferred"
style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1NzUgMzIzIiB3aWR0aD0iNTc1IiBoZWlnaHQ9IjMyMyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzI5MmUzNiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D"); background-size: 100% 100%; background-position: left top; background-repeat: no-repeat;'
><img
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1NzUgMzIzIiB3aWR0aD0iNTc1IiBoZWlnaHQ9IjMyMyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzI5MmUzNiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D"
data-src="assets/images/image02.png"
alt=""
style="opacity: 0; transition: opacity 0.375s ease-in-out 0s;"
/></span>
</div>
<p id="text01">Skyrim</p>
<p id="text09" class="style1">
⋄
<a
href="https://www.nexusmods.com/skyrimspecialedition/users/75709538?tab=user+files"
><strong>Nexus Mods</strong></a
>
</p>
</div>
<div>
<div id="image09" class="image">
<span class="frame"
><img src="assets/images/image09.png" alt=""
/></span>
</div>
<p id="text13">Starbound</p>
<p id="text06" class="style1">
<span class="p"
>⋄
<a
href="https://steamcommunity.com/id/MysticElodie/myworkshopfiles/?appid=211820"
><strong>Steam Workshop</strong></a
><br />
⋄
<a
href="https://drive.google.com/drive/folders/1apu0KoCeTiP6Sg95I6L_Ap4zlAxvEPcY?usp=sharing"
><strong>Google Drive</strong></a
></span
>
</p>
</div>
<div>
<div id="image01" class="image">
<span
class="frame deferred"
style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1NzUgMzI0IiB3aWR0aD0iNTc1IiBoZWlnaHQ9IjMyNCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzE0MTcwOCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D"); background-size: 100% 100%; background-position: left top; background-repeat: no-repeat;'
><img
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1NzUgMzI0IiB3aWR0aD0iNTc1IiBoZWlnaHQ9IjMyNCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzE0MTcwOCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D"
data-src="assets/images/image01.png"
alt=""
style="opacity: 0; transition: opacity 0.375s ease-in-out 0s;"
/></span>
</div>
<p id="text02">Zoo Tycoon</p>
<p id="text07" class="style1">
⋄
<a
href="https://drive.google.com/drive/folders/1NTaoiPQK_eVrazeLXI0dIRufMVuKCOUm?usp=sharing"
><strong>Google Drive</strong></a
>
</p>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<hr id="divider06" />
</footer>
</div>
</div>
</div>
<script>
(function() {var on = addEventListener,$ = function(q) { return document.querySelector(q) },$$ = function(q) { return document.querySelectorAll(q) },$body = document.body,$inner = $('.inner'),client = (function() {var o = {browser: 'other',browserVersion: 0,os: 'other',osVersion: 0,mobile: false,canUse: null,flags: {lsdUnits: false,},},ua = navigator.userAgent,a, i;a = [['firefox', /Firefox\/([0-9\.]+)/],['edge', /Edge\/([0-9\.]+)/],['safari', /Version\/([0-9\.]+).+Safari/],['chrome', /Chrome\/([0-9\.]+)/],['chrome', /CriOS\/([0-9\.]+)/],['ie', /Trident\/.+rv:([0-9]+)/]];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.browser = a[i][0];o.browserVersion = parseFloat(RegExp.$1);break;}}a = [['ios', /([0-9_]+) like Mac OS X/, function(v) { return v.replace('_', '.').replace('_', ''); }],['ios', /CPU like Mac OS X/, function(v) { return 0 }],['ios', /iPad; CPU/, function(v) { return 0 }],['android', /Android ([0-9\.]+)/, null],['mac', /Macintosh.+Mac OS X ([0-9_]+)/, function(v) { return v.replace('_', '.').replace('_', ''); }],['windows', /Windows NT ([0-9\.]+)/, null],['undefined', /Undefined/, null],];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.os = a[i][0];o.osVersion = parseFloat( a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1 );break;}}if (o.os == 'mac'&& ('ontouchstart' in window)&& ((screen.width == 1024 && screen.height == 1366)|| (screen.width == 834 && screen.height == 1112)|| (screen.width == 810 && screen.height == 1080)|| (screen.width == 768 && screen.height == 1024)))o.os = 'ios';o.mobile = (o.os == 'android' || o.os == 'ios');var _canUse = document.createElement('div');o.canUse = function(property, value) {var style;style = _canUse.style;if (!(property in style))return false;if (typeof value !== 'undefined') {style[property] = value;if (style[property] == '')return false;}return true;};o.flags.lsdUnits = o.canUse('width', '100dvw');return o;}()),trigger = function(t) {dispatchEvent(new Event(t));},cssRules = function(selectorText) {var ss = document.styleSheets,a = [],f = function(s) {var r = s.cssRules,i;for (i=0; i < r.length; i++) {if (r[i] instanceof CSSMediaRule && matchMedia(r[i].conditionText).matches)(f)(r[i]); else if (r[i] instanceof CSSStyleRule && r[i].selectorText == selectorText)a.push(r[i]);}},x, i;for (i=0; i < ss.length; i++)f(ss[i]);return a;},thisHash = function() {var h = location.hash ? location.hash.substring(1) : null,a;if (!h)return null;if (h.match(/\?/)) {a = h.split('?');h = a[0];history.replaceState(undefined, undefined, '#' + h);window.location.search = a[1];}if (h.length > 0&& !h.match(/^[a-zA-Z]/))h = 'x' + h;if (typeof h == 'string')h = h.toLowerCase();return h;},scrollToElement = function(e, style, duration) {var y, cy, dy,start, easing, offset, f;if (!e)y = 0; else {offset = (e.dataset.scrollOffset ? parseInt(e.dataset.scrollOffset) : 0) * parseFloat(getComputedStyle(document.documentElement).fontSize);switch (e.dataset.scrollBehavior ? e.dataset.scrollBehavior : 'default') {case 'default':default:y = e.offsetTop + offset;break;case 'center':if (e.offsetHeight < window.innerHeight)y = e.offsetTop - ((window.innerHeight - e.offsetHeight) / 2) + offset; else y = e.offsetTop - offset;break;case 'previous':if (e.previousElementSibling)y = e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight + offset; else y = e.offsetTop + offset;break;}}if (!style)style = 'smooth';if (!duration)duration = 750;if (style == 'instant') {window.scrollTo(0, y);return;}start = Date.now();cy = window.scrollY;dy = y - cy;switch (style) {case 'linear':easing = function (t) { return t };break;case 'smooth':easing = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 };break;}f = function() {var t = Date.now() - start;if (t >= duration)window.scroll(0, y); else {window.scroll(0, cy + (dy * easing(t / duration)));requestAnimationFrame(f);}};f();},scrollToTop = function() {scrollToElement(null);},loadElements = function(parent) {var a, e, x, i;a = parent.querySelectorAll('iframe[data-src]:not([data-src=""])');for (i=0; i < a.length; i++) {a[i].src = a[i].dataset.src;a[i].dataset.src = "";}a = parent.querySelectorAll('video[autoplay]');for (i=0; i < a.length; i++) {if (a[i].paused)a[i].play();}e = parent.querySelector('[data-autofocus="1"]');x = e ? e.tagName : null;switch (x) {case 'FORM':e = e.querySelector('.field input, .field select, .field textarea');if (e)e.focus();break;default:break;}},unloadElements = function(parent) {var a, e, x, i;a = parent.querySelectorAll('iframe[data-src=""]');for (i=0; i < a.length; i++) {if (a[i].dataset.srcUnload === '0')continue;a[i].dataset.src = a[i].src;a[i].src = '';}a = parent.querySelectorAll('video');for (i=0; i < a.length; i++) {if (!a[i].paused)a[i].pause();}e = $(':focus');if (e)e.blur();};window._scrollToTop = scrollToTop;var thisURL = function() {return window.location.href.replace(window.location.search, '').replace(/#$/, '');};var getVar = function(name) {var a = window.location.search.substring(1).split('&'),b, k;for (k in a) {b = a[k].split('=');if (b[0] == name)return b[1];}return null;};var errors = {handle: function(handler) {window.onerror = function(message, url, line, column, error) {(handler)(error.message);return true;};},unhandle: function() {window.onerror = null;}};on('load', function() {setTimeout(function() {$body.className = $body.className.replace(/\bis-loading\b/, 'is-playing');setTimeout(function() {$body.className = $body.className.replace(/\bis-playing\b/, 'is-ready');}, 1500);}, 100);});(function() {var initialSection, initialScrollPoint, initialId,header, footer, name, hideHeader, hideFooter, disableAutoScroll,h, e, ee, k,locked = false,doNextSection = function() {var section;section = $('#main > .inner > section.active').nextElementSibling;if (!section || section.tagName != 'SECTION')return;location.href = '#' + section.id.replace(/-section$/, '');},doPreviousSection = function() {var section;section = $('#main > .inner > section.active').previousElementSibling;if (!section || section.tagName != 'SECTION')return;location.href = '#' + (section.matches(':first-child') ? '' : section.id.replace(/-section$/, ''));},doFirstSection = function() {var section;section = $('#main > .inner > section:first-of-type');if (!section || section.tagName != 'SECTION')return;location.href = '#' + section.id.replace(/-section$/, '');},doLastSection = function() {var section;section = $('#main > .inner > section:last-of-type');if (!section || section.tagName != 'SECTION')return;location.href = '#' + section.id.replace(/-section$/, '');},sections = {};window._next = doNextSection;window._previous = doPreviousSection;window._first = doFirstSection;window._last = doLastSection;window._scrollToTop = function() {var section, id;scrollToElement(null);if (!!(section = $('section.active'))) {id = section.id.replace(/-section$/, '');if (id == 'home')id = '';history.pushState(null, null, '#' + id);}};if ('scrollRestoration' in history)history.scrollRestoration = 'manual';header = $('#header');footer = $('#footer');h = thisHash();if (h&& !h.match(/^[a-zA-Z0-9\-]+$/))h = null;if (e = $('[data-scroll-id="' + h + '"]')) {initialScrollPoint = e;initialSection = initialScrollPoint.parentElement;initialId = initialSection.id;} else if (e = $('#' + (h ? h : 'home') + '-section')) {initialScrollPoint = null;initialSection = e;initialId = initialSection.id;}if (!initialSection) {initialScrollPoint = null;initialSection = $('#' + 'home' + '-section');initialId = initialSection.id;history.replaceState(undefined, undefined, '#');}name = (h ? h : 'home');hideHeader = name ? ((name in sections) && ('hideHeader' in sections[name]) && sections[name].hideHeader) : false;hideFooter = name ? ((name in sections) && ('hideFooter' in sections[name]) && sections[name].hideFooter) : false;disableAutoScroll = name ? ((name in sections) && ('disableAutoScroll' in sections[name]) && sections[name].disableAutoScroll) : false;if (header && hideHeader) {header.classList.add('hidden');header.style.display = 'none';}if (footer && hideFooter) {footer.classList.add('hidden');footer.style.display = 'none';}ee = $$('#main > .inner > section:not([id="' + initialId + '"])');for (k = 0; k < ee.length; k++) {ee[k].className = 'inactive';ee[k].style.display = 'none';}initialSection.classList.add('active');loadElements(initialSection);if (header)loadElements(header);if (footer)loadElements(footer);if (!disableAutoScroll)scrollToElement(null, 'instant');on('load', function() {if (initialScrollPoint)scrollToElement(initialScrollPoint, 'instant');});on('hashchange', function(event) {var section, scrollPoint, id, sectionHeight, currentSection, currentSectionHeight,name, hideHeader, hideFooter, disableAutoScroll,h, e, ee, k;if (locked)return false;h = thisHash();if (h&& !h.match(/^[a-zA-Z0-9\-]+$/))return false;if (e = $('[data-scroll-id="' + h + '"]')) {scrollPoint = e;section = scrollPoint.parentElement;id = section.id;} else if (e = $('#' + (h ? h : 'home') + '-section')) {scrollPoint = null;section = e;id = section.id;} else {scrollPoint = null;section = $('#' + 'home' + '-section');id = section.id;history.replaceState(undefined, undefined, '#');}if (!section)return false;if (!section.classList.contains('inactive')) {name = (section ? section.id.replace(/-section$/, '') : null);disableAutoScroll = name ? ((name in sections) && ('disableAutoScroll' in sections[name]) && sections[name].disableAutoScroll) : false;if (scrollPoint)scrollToElement(scrollPoint); else if (!disableAutoScroll)scrollToElement(null);return false;} else {locked = true;if (location.hash == '#home')history.replaceState(null, null, '#');name = (section ? section.id.replace(/-section$/, '') : null);hideHeader = name ? ((name in sections) && ('hideHeader' in sections[name]) && sections[name].hideHeader) : false;hideFooter = name ? ((name in sections) && ('hideFooter' in sections[name]) && sections[name].hideFooter) : false;disableAutoScroll = name ? ((name in sections) && ('disableAutoScroll' in sections[name]) && sections[name].disableAutoScroll) : false;if (header && hideHeader) {header.classList.add('hidden');setTimeout(function() {header.style.display = 'none';}, 250);}if (footer && hideFooter) {footer.classList.add('hidden');setTimeout(function() {footer.style.display = 'none';}, 250);}currentSection = $('#main > .inner > section:not(.inactive)');if (currentSection) {currentSectionHeight = currentSection.offsetHeight;currentSection.classList.add('inactive');unloadElements(currentSection);setTimeout(function() {currentSection.style.display = 'none';currentSection.classList.remove('active');}, 250);}setTimeout(function() {if (header && !hideHeader) {header.style.display = '';setTimeout(function() {header.classList.remove('hidden');}, 0);}if (footer && !hideFooter) {footer.style.display = '';setTimeout(function() {footer.classList.remove('hidden');}, 0);}section.style.display = '';trigger('resize');if (!disableAutoScroll)scrollToElement(null, 'instant');sectionHeight = section.offsetHeight;if (sectionHeight > currentSectionHeight) {section.style.maxHeight = currentSectionHeight + 'px';section.style.minHeight = '0';} else {section.style.maxHeight = '';section.style.minHeight = currentSectionHeight + 'px';}setTimeout(function() {section.classList.remove('inactive');section.classList.add('active');section.style.minHeight = sectionHeight + 'px';section.style.maxHeight = sectionHeight + 'px';setTimeout(function() {section.style.transition = 'none';section.style.minHeight = '';section.style.maxHeight = '';loadElements(section);if (scrollPoint)scrollToElement(scrollPoint, 'instant');setTimeout(function() {section.style.transition = '';locked = false;}, 75);}, 500 + 250);}, 75);}, 250);}return false;});on('click', function(event) {var t = event.target,tagName = t.tagName.toUpperCase(),scrollPoint;switch (tagName) {case 'IMG':case 'SVG':case 'USE':case 'U':case 'STRONG':case 'EM':case 'CODE':case 'S':case 'MARK':case 'SPAN':while ( !!(t = t.parentElement) )if (t.tagName == 'A')break;if (!t)return;break;default:break;}if (t.tagName == 'A'&& t.getAttribute('href').substr(0, 1) == '#') {if (!!(scrollPoint = $('[data-scroll-id="' + t.hash.substr(1) + '"][data-scroll-invisible="1"]'))) {event.preventDefault();scrollToElement(scrollPoint);} else if (t.hash == window.location.hash) {event.preventDefault();history.replaceState(undefined, undefined, '#');location.replace(t.hash);}}});})();var style, sheet, rule;style = document.createElement('style');style.appendChild(document.createTextNode(''));document.head.appendChild(style);sheet = style.sheet;if (client.mobile) {(function() {if (client.flags.lsdUnits) {document.documentElement.style.setProperty('--viewport-height', '100dvh');document.documentElement.style.setProperty('--background-height', '100lvh');} else {var f = function() {document.documentElement.style.setProperty('--viewport-height', window.innerHeight + 'px');document.documentElement.style.setProperty('--background-height', (window.innerHeight + 250) + 'px');};on('load', f);on('resize', f);on('orientationchange', function() {setTimeout(function() {(f)();}, 100);});}})();}if (client.os == 'android') {(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];var f = function() {rule.style.cssText = 'height: ' + (Math.max(screen.width, screen.height)) + 'px';};on('load', f);on('orientationchange', f);on('touchmove', f);})();$body.classList.add('is-touch');} else if (client.os == 'ios') {if (client.osVersion <= 11)(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];rule.style.cssText = '-webkit-transform: scale(1.0)';})();if (client.osVersion <= 11)(function() {sheet.insertRule('body.ios-focus-fix::before { }', 0);rule = sheet.cssRules[0];rule.style.cssText = 'height: calc(100% + 60px)';on('focus', function(event) {$body.classList.add('ios-focus-fix');}, true);on('blur', function(event) {$body.classList.remove('ios-focus-fix');}, true);})();$body.classList.add('is-touch');}var scrollEvents = {items: [],add: function(o) {this.items.push({element: o.element,triggerElement: (('triggerElement' in o && o.triggerElement) ? o.triggerElement : o.element),enter: ('enter' in o ? o.enter : null),leave: ('leave' in o ? o.leave : null),mode: ('mode' in o ? o.mode : 1),offset: ('offset' in o ? o.offset : 0),initialState: ('initialState' in o ? o.initialState : null),state: false,});},handler: function() {var height, top, bottom, scrollPad;if (client.os == 'ios') {height = document.documentElement.clientHeight;top = document.body.scrollTop + window.scrollY;bottom = top + height;scrollPad = 125;} else {height = document.documentElement.clientHeight;top = document.documentElement.scrollTop;bottom = top + height;scrollPad = 0;}scrollEvents.items.forEach(function(item) {var bcr, elementTop, elementBottom, state, a, b;if (!item.enter&& !item.leave)return true;if (!item.triggerElement|| item.triggerElement.offsetParent === null)return true;bcr = item.triggerElement.getBoundingClientRect();elementTop = top + Math.floor(bcr.top);elementBottom = elementTop + bcr.height;if (item.initialState !== null) {state = item.initialState;item.initialState = null;} else {switch (item.mode) {case 1:default:state = (bottom > (elementTop - item.offset) && top < (elementBottom + item.offset));break;case 2:a = (top + (height * 0.5));state = (a > (elementTop - item.offset) && a < (elementBottom + item.offset));break;case 3:a = top + (height * 0.25);if (a - (height * 0.375) <= 0)a = 0;b = top + (height * 0.75);if (b + (height * 0.375) >= document.body.scrollHeight - scrollPad)b = document.body.scrollHeight + scrollPad;state = (b > (elementTop - item.offset) && a < (elementBottom + item.offset));break;}}if (state != item.state) {item.state = state;if (item.state) {if (item.enter) {(item.enter).apply(item.element);if (!item.leave)item.enter = null;}} else {if (item.leave) {(item.leave).apply(item.element);if (!item.enter)item.leave = null;}}}});},init: function() {on('load', this.handler);on('resize', this.handler);on('scroll', this.handler);(this.handler)();}};scrollEvents.init();(function() {var items = $$('.deferred'),loadHandler, enterHandler;loadHandler = function() {var i = this,p = this.parentElement;if (i.dataset.src !== 'done')return;if (Date.now() - i._startLoad < 375) {p.classList.remove('loading');p.style.backgroundImage = 'none';i.style.transition = '';i.style.opacity = 1;} else {p.classList.remove('loading');i.style.opacity = 1;setTimeout(function() {i.style.backgroundImage = 'none';i.style.transition = '';}, 375);}};enterHandler = function() {var i = this,p = this.parentElement,src;src = i.dataset.src;i.dataset.src = 'done';p.classList.add('loading');i._startLoad = Date.now();i.src = src;};items.forEach(function(p) {var i = p.firstElementChild;if (!p.classList.contains('enclosed')) {p.style.backgroundImage = 'url(' + i.src + ')';p.style.backgroundSize = '100% 100%';p.style.backgroundPosition = 'top left';p.style.backgroundRepeat = 'no-repeat';}i.style.opacity = 0;i.style.transition = 'opacity 0.375s ease-in-out';i.addEventListener('load', loadHandler);scrollEvents.add({element: i,enter: enterHandler,offset: 250});});})();})();
</script>
<script
src="assets/images/app.js"
type="text/javascript"
></script>
<div></div>
</body>
</html>