diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..676207a
Binary files /dev/null and b/.DS_Store differ
diff --git a/Images/RyanG.jpg b/Images/RyanG.jpg
new file mode 100644
index 0000000..7224973
Binary files /dev/null and b/Images/RyanG.jpg differ
diff --git a/Index.html b/Index.html
new file mode 100644
index 0000000..b1cb687
--- /dev/null
+++ b/Index.html
@@ -0,0 +1,37 @@
+
+
+
+
+ Ryan Gross: Personal Biography
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
My Favorite Things!
+
+
+
+
+
+
diff --git a/css/.DS_Store b/css/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/css/.DS_Store differ
diff --git a/css/styles.css b/css/styles.css
new file mode 100644
index 0000000..132b07b
--- /dev/null
+++ b/css/styles.css
@@ -0,0 +1,81 @@
+body {
+ margin:0;
+ padding:0;
+}
+
+.jumbotron {
+ margin-top: -20px;
+}
+
+h4 {
+ font-size: 1.2em;
+}
+
+img {
+ border-radius: 240px;
+}
+
+#answer {
+ padding-top: 10px;
+ font-weight:400;
+ font-family: 'Noto Sans Kannada', sans-serif;
+}
+
+.page-header {
+ border-width: 0px;
+}
+
+@media only screen and (max-width:600px) {
+ .img-fluid {
+ max-width:60%;
+ }
+
+ #favorite-things {
+ padding-top:15px;
+ }
+
+ #answer {
+ font-size:1.7em;
+ padding-bottom:15px;
+ }
+
+ .favorite {
+ font-size: 1.5em;
+
+ }
+}
+
+
+@media only screen and (min-width:601px) {
+
+ .jumbotron {
+ max-width: 80%;
+ margin: 0 auto;
+ }
+
+ .img-fluid {
+ max-width:40%;
+ }
+
+ #skills {
+ font-size: 1.7em;
+ }
+
+ h3 {
+ font-size:2.3em;
+ }
+
+ .favorite {
+ border-radius: 10px;
+ padding: 15 px;
+ font-size: 1.9em;
+ }
+
+ #favorite-things {
+ padding-top: 20px;
+ }
+
+ #answer {
+ font-size: 2.1em;
+ }
+}
diff --git a/js/scripts.js b/js/scripts.js
new file mode 100644
index 0000000..e609689
--- /dev/null
+++ b/js/scripts.js
@@ -0,0 +1,16 @@
+
+var favorite_stuff = [ "TV Show: South Park", "Food: Sushi", "Color: Cranberry Red",
+"Video Game: Grand Theft Auto", "Web Browser: Chrome", "Word: Gratituitous",
+"Pokemon: Blastoise", "Coffee: Pumpkin Spice Coffee","Movie: Step Brothers",
+"Eating Utensil: Spork", "Language : 日本語" ];
+
+function newRandom() {
+ var returnThis = document.getElementById("answer").innerHTML;
+ var random = Math.round(Math.random() * 10);
+ if(favorite_stuff[random] !== returnThis) {
+ document.getElementById("answer").innerHTML = favorite_stuff[random];
+ console.log(random);
+ } else {
+ newRandom();
+ }
+ }