diff --git a/members/bunny.html b/members/bunny.html
index e20d7f3..1bd1ed0 100644
--- a/members/bunny.html
+++ b/members/bunny.html
@@ -5,110 +5,7 @@
Bunny's Pixel art and drawings
-
+
Bunny's Art Corner
diff --git a/pages/links.html b/pages/links.html
index ce33bb4..ee2abfa 100644
--- a/pages/links.html
+++ b/pages/links.html
@@ -5,59 +5,7 @@
Void Links
-
-
+
diff --git a/stylesheets/bunny.css b/stylesheets/bunny.css
new file mode 100644
index 0000000..da9ec89
--- /dev/null
+++ b/stylesheets/bunny.css
@@ -0,0 +1,100 @@
+@font-face {
+ font-family: TagHandGraffitiTrash;
+ src: url("/Tag\ Hand\ Graffiti\ Trash.otf");
+}
+
+@font-face {
+ font-family: TagHandGraffitiTrashFat;
+ src: url("/Tag\ Hand\ Graffiti\ Trash_fat.otf");
+}
+
+body{
+ background-image: url("/media/Art/Mossaic.png");
+ height: 100%;
+ margin:0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding:10%;
+}
+
+#PageTitle{
+ position: fixed;
+ top: 15px;
+ left:15px;
+ background-color: white;
+ width: 360px;
+ height: 40px;
+ text-align: center;
+ border-radius: 20px;
+ border-style: groove;
+ border-color: aqua;
+ border-width: 4px;
+ color: teal;
+ padding: 5px 0px;
+ text-shadow: -2px 2px purple;
+ font-family: TagHandGraffitiTrash;
+}
+
+
+#ArtGallery{
+ overflow: scroll;
+ display: flex;
+ flex-direction: column;
+ background-color: #e6e6fabb;
+ align-items: center;
+ padding: 1%;
+ border-style: double;
+ border-color: cyan;
+ border-width: 6px;
+ border-radius: 15px;
+}
+
+.galleryRow{
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ flex-grow: inherit;
+ width: 100%;
+}
+.image{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin: .5%;
+ width: 25%;
+ aspect-ratio: 1/2;
+ background-color: rgb(5, 65, 114);
+ border-radius: 15px;
+ border-color: purple;
+ border-style:solid;
+
+}
+.image p{
+ word-wrap: normal;
+ padding: 5%;
+}
+
+@media (max-width:700px) {
+ .image p{
+ font-size: 8pt;
+ }
+}
+
+.image img{
+ width: 80%;
+ border-style: solid;
+ border-width: 2px;
+}
+
+a#fontAtrabution{
+ position: absolute;
+ right:0;
+ top: 0;
+ background-color: lightblue;
+ border-radius: 15px;
+ border-color: black;
+ border-style: dotted;
+ padding: 5px;
+}
\ No newline at end of file
diff --git a/stylesheets/links.css b/stylesheets/links.css
new file mode 100644
index 0000000..69e98c3
--- /dev/null
+++ b/stylesheets/links.css
@@ -0,0 +1,49 @@
+*{
+ margin:0;
+ padding:0;
+}
+body{
+ background-color: #2f0849;
+ text-align: center;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+#mainView{
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ background-color: rgba(47, 105, 211, 0.479);
+ margin-top: 3vh;
+ height: 94vh;
+ width: 400px;
+ border-radius: 50px;
+}
+.socialList{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 400px;
+ overflow: scroll;
+}
+.socialLink{
+ background-color: #227777ad;
+ width: 300px;
+ margin: 5px;
+ border-radius: 50px;
+ height: 200px;
+ padding: 10px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+li{
+ height:80px;
+}
+ul{
+ list-style: none;
+}
+img{
+ width: 50px;
+ height:50px;
+}
\ No newline at end of file