diff --git a/Main.html b/Main.html
new file mode 100644
index 0000000..f8bb003
--- /dev/null
+++ b/Main.html
@@ -0,0 +1,41 @@
+
+
+
+
+ Dalm's Art Zone!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
REMAIN CONTENT.
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/images/3d iww logo.gif b/images/3d iww logo.gif
new file mode 100644
index 0000000..1e546cd
Binary files /dev/null and b/images/3d iww logo.gif differ
diff --git a/images/islandbg.png b/images/islandbg.png
new file mode 100644
index 0000000..cf887d6
Binary files /dev/null and b/images/islandbg.png differ
diff --git a/images/islandclouds.png b/images/islandclouds.png
new file mode 100644
index 0000000..8893069
Binary files /dev/null and b/images/islandclouds.png differ
diff --git a/images/islandfgclouds.png b/images/islandfgclouds.png
new file mode 100644
index 0000000..93aef0c
Binary files /dev/null and b/images/islandfgclouds.png differ
diff --git a/images/islandskull.png b/images/islandskull.png
new file mode 100644
index 0000000..0c9d016
Binary files /dev/null and b/images/islandskull.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..658dba5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,26 @@
+
+
+
+ WELCOME TO DALMATIONER.ART
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Welcome to Dalmationer.Art.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/landingstyles.css b/landingstyles.css
new file mode 100644
index 0000000..5022d5a
--- /dev/null
+++ b/landingstyles.css
@@ -0,0 +1,91 @@
+
+body{
+ background-color:black;
+ height: 100%;
+ margin: 0;
+}
+
+html{
+ height: 100%;
+ margin: 0;
+}
+
+img{
+ image-rendering: "pixelated";
+}
+
+#bg-image-container{
+ background-image: url("./images/islandbg.png");
+ /* Full height */
+ height: 100%;
+
+ /* Center and scale the image nicely */
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ overflow: hidden
+}
+
+#bg-clouds-container{
+ height: 100%;
+ position: relative;
+}
+
+#bg-clouds{
+ justify-content: center;
+ height: 100%;
+ animation-name: "cloudloop";
+ animation-duration: 60s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear;
+ position: absolute;
+ left: 0%;
+ top: 0px;
+ z-index: 0;
+}
+
+#skull{
+ height: 100%;
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 1;
+}
+
+#fg-clouds{
+ justify-content: center;
+ height: 100%;
+ position: absolute;
+ left: 50%;
+ transform: translateX(-80%);
+ z-index: 2;
+ animation-name: "cloudloop2";
+ animation-duration: 40s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear;
+ position: "absolute";
+}
+
+#welcome-container{
+ position: absolute;
+ color: coral;
+ margin-top: 10%;
+ margin-left: 50%;
+ margin-right:15%;
+ border: coral 1px solid;
+ padding-left: 1%;
+ padding-right: 1%;
+ z-index: 3;
+ font-size: 100%;
+
+}
+
+@keyframes cloudloop{
+ 0% {transform: translate(120%);}
+ 100% {transform: translate(-120%);}
+}
+
+@keyframes cloudloop2{
+ 0% {transform: translate(-140%);}
+ 100% {transform: translate(140%);}
+}
\ No newline at end of file
diff --git a/mainstyles.css b/mainstyles.css
new file mode 100644
index 0000000..71bb651
--- /dev/null
+++ b/mainstyles.css
@@ -0,0 +1,111 @@
+
+a{
+ color: #1775BB;
+ text-shadow: 0 0 10px white;
+}
+
+#navbutton{
+ border: 4px 2px 2px 4px;
+ border-color: #181917;
+ border-style: double solid solid double ;
+ border-radius: 10px;
+ font-size: large;
+ text-align: center;
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 10px;
+ font-weight: bold;
+ background: #EFFF96;
+}
+
+#navbutton:hover{
+ background: #FEFFCC;
+}
+
+
+body{
+ background-color: #1E3B27;
+ color: 181917;
+ font-family: Georgia, 'Times New Roman', Times, serif;
+}
+
+
+#content-container{
+ display: flex;
+ flex-direction: row;
+ align-items:top;
+ margin-top: 10px;
+ margin-left: 10%;
+ margin-right: 10%;
+ height: 100%;
+ margin-bottom: 10px;
+}
+
+#content-header{
+ border: 4px 2px 2px 4px;
+ border-color: #181917;
+ border-style: double solid solid double ;
+ text-align: center;
+ margin-left: 10%;
+ margin-right: 10%;
+ padding-left: 2px;
+ padding-right: 2px;
+ margin-top: 2px;
+ background-color: #B3EB79;
+}
+
+#sidebar{
+ border: 4px 2px 2px 4px;
+ border-color: #181917;
+ border-style: double solid solid double ;
+ position: -webkit-sticky; /* Safari */
+ position: sticky;
+ flex: 20%;
+ margin-right: 5px;
+ padding-left: 2px;
+ padding-right: 2px;
+ background-color: #B3EB79;
+}
+
+#main-content{
+ border: 4px 2px 2px 4px;
+ border-color: #181917;
+ border-style: double solid solid double ;
+ flex: 80%;
+ margin-left: 5px;
+ padding-left: 2px;
+ padding-right: 2px;
+ background-color: #B3EB79;
+}
+
+
+footer{
+ border: 4px 2px 2px 4px;
+ border-color: #181917;
+ border-style: double solid solid double ;
+ text-align: center;
+ margin-left: 10%;
+ margin-right: 10%;
+ padding-left: 2px;
+ padding-right: 2px;
+ margin-top: 2px;
+ background-color: #B3EB79;
+}
+
+.logo{
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 50%;
+ max-width: 184px;
+ -ms-interpolation-mode:nearest-neighbor;
+ /*IE 7-11*/
+ image-rendering: -o-crisp-edges;
+ /*Opera 12*/
+ image-rendering: -webkit-crisp-edges;
+ /*Safari 6-9*/
+ image-rendering:-moz-crisp-edges;
+ /*Firefox 3.6-64*/
+
+
+}
\ No newline at end of file