diff --git a/dev-roster-website/src/App.css b/dev-roster-website/src/App.css
index 425f81f..0b284ea 100644
--- a/dev-roster-website/src/App.css
+++ b/dev-roster-website/src/App.css
@@ -4,4 +4,65 @@
 
 .margin-left-1 {
   margin-left: 0.5em;
+}
+
+.lex-zero-waste {
+  font-family: fantasy;
+  font-size: 40px;
+}
+
+.kyra-mccandless {
+  font-family: cursive;
+  font-size: 20px;
+}
+
+.dev-button {
+  background-color: aquamarine;
+  outline-color: black;
+  outline-style: dotted;
+  outline-offset: 5px;
+  outline-width: 3px;
+  border-radius: 10px;
+  animation-name: bg-color-change;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  box-shadow: 0 9px #999;
+}
+
+@keyframes bg-color-change {
+  0%   {
+    background-color: aquamarine;
+    outline-offset: 5px;
+    border-radius: 10px;
+  }
+  25%  {
+    background-color: blue;
+    outline-offset: 20px;
+    border-radius: 30px;
+    
+  }
+  50%  {
+    background-color: green;
+    outline-offset: 30px;
+    border-radius: 60px;
+  }
+  100% {
+    background-color: aquamarine;
+    outline-offset: 5px;
+    border-radius: 10px;
+  }
+}
+
+.dev-button:hover {
+  background-color: red;
+  outline-style: solid;
+}
+
+.dev-button:active {
+  box-shadow: 0 5px #666;
+  transform: translateY(4px);
+}
+
+.add-space-above {
+  margin-top: 50px;
 }
\ No newline at end of file
diff --git a/dev-roster-website/src/App.jsx b/dev-roster-website/src/App.jsx
index b3affe1..71ba84f 100644
--- a/dev-roster-website/src/App.jsx
+++ b/dev-roster-website/src/App.jsx
@@ -21,6 +21,18 @@ function App() {
           <li>Test Developer Name</li>
           <li>Test Developer Name</li>
         </ul>
+        <h2 className="lex-zero-waste">Lexington Zero Waste</h2>
+        <ul>
+          <button className="dev-button">
+            <p className="kyra-mccandless">Kyra McCandless</p>
+          </button>
+        </ul>
+        <h2 className="add-space-above">This is my experimental button!</h2>
+          <ul>
+            <li>Changing background color, outline offset, and border radius</li>
+            <li>Hover and clicking effects</li>
+            <li>Fun fonts!</li>
+          </ul>
       </div>
     </>
   )
diff --git a/dev-roster-website/src/introductions/hello-from-kyra-mccandless.txt b/dev-roster-website/src/introductions/hello-from-kyra-mccandless.txt
new file mode 100644
index 0000000..bd80a31
--- /dev/null
+++ b/dev-roster-website/src/introductions/hello-from-kyra-mccandless.txt
@@ -0,0 +1 @@
+Hi! My name is Kyra, and I am a freshman that wants to learn more about coding!
\ No newline at end of file