One group's struggle to save the world.
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature currently requires accessing the site using the built-in Safari browser.
[DIV=width: 100%; display: flex; flex-flow: row wrap; justify-content: center; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0px; background: url('https://hdblackwallpaper.com/wallpaper/2015/07/plain-black-background-wallpaper-6-free-hd-wallpaper.jpg'); position: relative; z-index: 1;][DIV=flex: 1 1 450px; box-sizing: border-box; min-height: 350px; background-image: url('https://i.pinimg.com/564x/a4/32/5c/a4325cb8d47d4a1ae0d3cd982e51d431.jpg') /*MAIN IMAGE MINIMUM OF 400x850px*/, url('https://www.onlygfx.com/wp-content/uploads/2019/02/7-noise-texture-overlays-1.png'); background-position: center center; background-size: cover, auto; background-blend-mode: screen;]xxxx[/DIV]
[DIV=flex: 4 1 300px; box-sizing: border-box; height: 85vh; max-height: 850px; position: relative; z-index: 2;][DIV=display: inline-block; width: 30px; height: 100%; font-family: 'Courier New', monospace; background: #000 url('https://wallpapertag.com/wallpaper/full/1/2/5/479906-vertical-maroon-color-background-2560x1440.jpg'); box-sizing: border-box; overflow: hidden;][DIV=width: calc(100% + 120px); margin: 20vh 0px 0px -60px;]
[DIV=display: block; position: absolute; z-index: 3; top: 0px; left: 0px; height: 100%; width: calc(100% - 30px); margin-left: 30px; box-sizing: border-box; overflow: hidden;][DIV=display: inline-block; vertical-align: top; height: 100%; width: 6px; overflow: hidden; pointer-events: none; box-sizing: border-box; padding-top: calc(20vh + 6px);][IMG]https://i.imgur.com/w1oGu38.gif[/IMG][/DIV][DIV=display: inline-block; height: 100%; width: calc(100% - 6px); vertical-align: top; box-sizing: border-box; padding: 10%;][DIV=display: inline-block; height: 100%; width: 100%; padding-right: 100px; font-size: initial; overflow-y: scroll; overflow-x: hidden;][DIV=display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;]
[DIV=flex: 3 2 125px; width: 200px; font-size: initial;][DIV=display: block; width: 100%; box-sizing: border-box; padding: 20px 20px; color: #fff; font-family: 'Courier New', monospace; font-size: .7em; line-height: .85em;][border=solid]Location:
Interactions:
[URL=LINK]Music to set the Mood[/url]
[/border][/DIV][/DIV]
[DIV=font-size: 0px; flex: .25 0 15px; height: 2px; width: 15px;][/DIV][DIV=flex: 4 3 200px; margin-top: 0px; width: calc(100% - 100px);][DIV=display: block; font-size: 5.5em; color: #fff; font-family: 'Special Elite', sanserif; font-weight: bold; text-shadow: 2px -4px 0px #000; box-sizing: border-box; text-align: right; padding-right: 150px;]FIRST † NAME[/DIV]
[DIV=font-size: .85em; line-height: 1.5em; font-family: 'Ralewa', sanserif; text-align: left; color: #fff;]
WORDS SHOULD GO HERE
[/DIV][/DIV][/DIV]
[/DIV][/DIV][/DIV][/DIV][/DIV]
[/DIV][/DIV]
[bg=black; max-width: 950px; padding: 20px;][row][column=span3][border=#4d0000 10px solid][img]https://i.pinimg.com/564x/a4/32/5c/a4325cb8d47d4a1ae0d3cd982e51d431.jpg[/img][/border]
[center][color=#FFF][font=Special Elite]↽LOCATION⇁[/font]
Where you at?
[font=Special Elite]↽INTERACTIONS⇁[/font]
Naming all the people
[/color][/center][/column]
[bg=transparent; max-width: 650px; height: 500px; margin: auto; padding: 30px; overflow-y: scroll;][color=#fff][center][font=Special Elite][size=30]JULIET † MCCRAE [/size][/font][/center][/color]
[div=clear:both;][/div]
[color=#fff]""Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."[/color]
[/bg][/row][/bg][row][/row]