diff --git a/index.html b/index.html
index d60afd7..1d8ec0a 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,47 @@
-
-
+
+
+
+ SKELEBRO'S ROSHAM'BONE'
+
- Final
-
-
+SKELEBRO'S ROSHAM'BONE'
+
+
+
+
+
+
+
YOU LV 1
+
Wins:
+
Lose:
+
Tie:
+
+
+
+
+
+
+ Copyright © Toby Fox UNDERTALE
+
+
+
+
+
+
+
diff --git a/js/index.js b/js/index.js
new file mode 100644
index 0000000..79d0941
--- /dev/null
+++ b/js/index.js
@@ -0,0 +1,64 @@
+var userChoice = ["Burnt Pan", "Torn Notebook", "Toy Knife"];
+var scores = [0, 0, 0,];
+
+function playerChoice(id) {
+ var choice1 = userChoice[id];
+ var choice2 = randNum();
+
+//massage for .rectangle
+document.getElementById("message").innerHTML="*\ You chose the " + choice1 + ". Sans and Papyrus chose the " + choice2 + "\."
+
+//message for flavor text
+document.getElementById("flavor").innerHTML=compare(choice1, choice2);
+ displayScores();
+}
+
+function randNum() {
+ var randNum = [Math.floor(Math.random() * userChoice.length)]
+ var computerChoice = userChoice[randNum];
+ return computerChoice;
+}
+
+function compare(choice1, choice2) {
+ if (choice1 == choice2) {
+ scores[0]++;
+ scores[3]++;
+ return ("A DRAW?! PICK AGAIN\, HUMAN!");
+
+ } else if (choice1 == "Torn Notebook") {
+ if (choice2 == "Burnt Pan") {
+ scores[1]++;
+ scores[3]++;
+ return ("YOU WON!? I, THE GREAT PAPYRUS HAS BEEN DEFEATED!");
+ } else if (choice2 == "Toy Knife") {
+ scores[2]++;
+ scores[3]++;
+ return ("*\ geeettttttt dunked on!");}
+
+ } else if (choice1 == "Toy Knife") {
+ if (choice2 == "Burnt Pan") {
+ scores[2]++;
+ scores[3]++;
+ return ("YOU LOSE! YOU CAN NOT DEFEAT ME, HUMAN!");
+ } else if (choice2 == "Torn Notebook") {
+ scores[1]++;
+ scores[3]++;
+ return ("*\ wow, kid. you really WON me over.");}
+
+ } else if (choice1 == "Burnt Pan") {
+ if (choice2 == "Toy Knife") {
+ scores[1]++;
+ scores[3]++;
+ return ("*\ i guess you won. you really BURNT me good.");
+ } else {
+ scores[2]++;
+ scores[3]++;
+ return ("YOU LOST! NYEH HEH HEH!");}
+ }
+}
+
+function displayScores() {
+ document.getElementById("win").innerHTML = "Win: " + scores[1];
+ document.getElementById("lose").innerHTML = "Lose: " + scores[2];
+ document.getElementById("tie").innerHTML = "Tie: " + scores[0];
+}
diff --git a/prepros.cfg b/prepros.cfg
new file mode 100644
index 0000000..efe2aec
--- /dev/null
+++ b/prepros.cfg
@@ -0,0 +1,523 @@
+[
+ {
+ "About This File": "This is Prepros config file, https://prepros.io . Please do not edit this file, doing so can crash Prepros."
+ },
+ {
+ "data": {
+ "id": "",
+ "cfgVersion": 2,
+ "name": "final-art258",
+ "path": "",
+ "files": {
+ "0ffc35d4": {
+ "id": "0ffc35d4",
+ "path": "index.html",
+ "output": "index.html",
+ "name": "index.html",
+ "category": "JUST_WATCH",
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "html"
+ },
+ "340f0b5f": {
+ "id": "340f0b5f",
+ "path": "js/index.js",
+ "output": "js/index-dist.js",
+ "name": "index.js",
+ "category": "JS",
+ "autoCompile": false,
+ "uglify": true,
+ "mangle": true,
+ "babel": false,
+ "sourceMaps": false,
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "javascript"
+ },
+ "0c7b55b5": {
+ "id": "0c7b55b5",
+ "path": "css/style.css",
+ "output": "css/style-dist.css",
+ "name": "style.css",
+ "category": "CSS",
+ "autoCompile": false,
+ "sourceMaps": false,
+ "compress": true,
+ "cssnext": false,
+ "autoprefixer": false,
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "css"
+ },
+ "b2692a16": {
+ "id": "b2692a16",
+ "path": "styles/style.scss",
+ "output": "styles/style.css",
+ "name": "style.scss",
+ "category": "CSS",
+ "autoCompile": true,
+ "autoprefixer": true,
+ "sourceMaps": true,
+ "libSass": true,
+ "compass": false,
+ "fullCompass": false,
+ "outputStyle": "expanded",
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "sass"
+ },
+ "478d22a4": {
+ "id": "478d22a4",
+ "path": "styles/layout/grid.scss",
+ "output": "styles/layout/grid.css",
+ "name": "grid.scss",
+ "category": "CSS",
+ "autoCompile": false,
+ "autoprefixer": true,
+ "sourceMaps": true,
+ "libSass": true,
+ "compass": false,
+ "fullCompass": false,
+ "outputStyle": "compressed",
+ "customOutput": false,
+ "imported": true,
+ "parents": [
+ "b2692a16"
+ ],
+ "type": "sass"
+ },
+ "6160cddd": {
+ "id": "6160cddd",
+ "path": "styles/pages/home.scss",
+ "output": "styles/pages/home.css",
+ "name": "home.scss",
+ "category": "CSS",
+ "autoCompile": true,
+ "autoprefixer": true,
+ "sourceMaps": true,
+ "libSass": true,
+ "compass": false,
+ "fullCompass": false,
+ "outputStyle": "compressed",
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "sass"
+ },
+ "374abe7f": {
+ "id": "374abe7f",
+ "path": "styles/modules/hero.scss",
+ "output": "styles/modules/hero.css",
+ "name": "hero.scss",
+ "category": "CSS",
+ "autoCompile": true,
+ "autoprefixer": true,
+ "sourceMaps": true,
+ "libSass": true,
+ "compass": false,
+ "fullCompass": false,
+ "outputStyle": "compressed",
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "sass"
+ },
+ "77588c60": {
+ "id": "77588c60",
+ "path": "styles/modules/hero.css",
+ "output": "styles/modules/hero-dist.css",
+ "name": "hero.css",
+ "category": "CSS",
+ "autoCompile": false,
+ "sourceMaps": false,
+ "compress": true,
+ "cssnext": false,
+ "autoprefixer": false,
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "css"
+ },
+ "c49cce8c": {
+ "id": "c49cce8c",
+ "path": "styles/layout/grid.css",
+ "output": "styles/layout/grid-dist.css",
+ "name": "grid.css",
+ "category": "CSS",
+ "autoCompile": false,
+ "sourceMaps": false,
+ "compress": true,
+ "cssnext": false,
+ "autoprefixer": false,
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "css"
+ },
+ "c1cc59ca": {
+ "id": "c1cc59ca",
+ "path": "styles/pages/home.css",
+ "output": "styles/pages/home-dist.css",
+ "name": "home.css",
+ "category": "CSS",
+ "autoCompile": false,
+ "sourceMaps": false,
+ "compress": true,
+ "cssnext": false,
+ "autoprefixer": false,
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "css"
+ },
+ "1aefa9b3": {
+ "id": "1aefa9b3",
+ "path": "styles/style.css",
+ "output": "styles/style-dist.css",
+ "name": "style.css",
+ "category": "CSS",
+ "autoCompile": false,
+ "sourceMaps": false,
+ "compress": true,
+ "cssnext": false,
+ "autoprefixer": false,
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "css"
+ },
+ "807f6501": {
+ "id": "807f6501",
+ "path": "styles/base/_reset.scss",
+ "output": "styles/base/_reset.css",
+ "name": "_reset.scss",
+ "category": "CSS",
+ "autoCompile": false,
+ "autoprefixer": true,
+ "sourceMaps": true,
+ "libSass": true,
+ "compass": false,
+ "fullCompass": false,
+ "outputStyle": "compressed",
+ "customOutput": false,
+ "imported": true,
+ "parents": [
+ "b2692a16"
+ ],
+ "type": "sass"
+ },
+ "9545b9c4": {
+ "id": "9545b9c4",
+ "path": "styles/base/_utilities.scss",
+ "output": "styles/base/_utilities.css",
+ "name": "_utilities.scss",
+ "category": "CSS",
+ "autoCompile": false,
+ "autoprefixer": true,
+ "sourceMaps": true,
+ "libSass": true,
+ "compass": false,
+ "fullCompass": false,
+ "outputStyle": "compressed",
+ "customOutput": false,
+ "imported": true,
+ "parents": [
+ "b2692a16"
+ ],
+ "type": "sass"
+ },
+ "4a324807": {
+ "id": "4a324807",
+ "path": "styles/base/_utilities.css",
+ "output": "styles/base/_utilities-dist.css",
+ "name": "_utilities.css",
+ "category": "CSS",
+ "autoCompile": false,
+ "sourceMaps": false,
+ "compress": true,
+ "cssnext": false,
+ "autoprefixer": false,
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "css"
+ },
+ "294b289d": {
+ "id": "294b289d",
+ "path": "styles/layout/_footer.scss",
+ "output": "styles/layout/_footer.css",
+ "name": "_footer.scss",
+ "category": "CSS",
+ "autoCompile": false,
+ "autoprefixer": true,
+ "sourceMaps": true,
+ "libSass": true,
+ "compass": false,
+ "fullCompass": false,
+ "outputStyle": "compressed",
+ "customOutput": false,
+ "imported": true,
+ "parents": [
+ "b2692a16"
+ ],
+ "type": "sass"
+ },
+ "6c090bf4": {
+ "id": "6c090bf4",
+ "path": "styles/layout/_footer.css",
+ "output": "styles/layout/_footer-dist.css",
+ "name": "_footer.css",
+ "category": "CSS",
+ "autoCompile": false,
+ "sourceMaps": false,
+ "compress": true,
+ "cssnext": false,
+ "autoprefixer": false,
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "css"
+ },
+ "f8e768a9": {
+ "id": "f8e768a9",
+ "path": "styles/layout/_header.scss",
+ "output": "styles/layout/_header.css",
+ "name": "_header.scss",
+ "category": "CSS",
+ "autoCompile": false,
+ "autoprefixer": true,
+ "sourceMaps": true,
+ "libSass": true,
+ "compass": false,
+ "fullCompass": false,
+ "outputStyle": "compressed",
+ "customOutput": false,
+ "imported": true,
+ "parents": [
+ "b2692a16"
+ ],
+ "type": "sass"
+ },
+ "df0a0480": {
+ "id": "df0a0480",
+ "path": "styles/layout/_header.css",
+ "output": "styles/layout/_header-dist.css",
+ "name": "_header.css",
+ "category": "CSS",
+ "autoCompile": false,
+ "sourceMaps": false,
+ "compress": true,
+ "cssnext": false,
+ "autoprefixer": false,
+ "customOutput": false,
+ "imported": false,
+ "parents": [],
+ "type": "css"
+ }
+ },
+ "deploymentHistory": {},
+ "config": {
+ "watch": "",
+ "liveRefresh": true,
+ "useCustomServer": false,
+ "port": 0,
+ "useCustomPort": false,
+ "customServerUrl": "",
+ "watchedFileExtensions": "less, sass, scss, styl, md, markdown, coffee, js, jade, haml, slim, ls, html,htm, css, rb, php, asp, aspx, cfm, chm, cms, do, erb, jsp, mhtml, mspx, pl, py, shtml, cshtml, cs,vb, vbs, tpl, ctp, kit, png, jpg, jpeg",
+ "excludePatterns": "Prepros Build, node_modules, .git, .idea, .sass-cache, .hg, .svn, .cache, config.rb, prepros.cfg, .DS_Store, bower_components",
+ "autoprefixerBrowsers": "last 4 versions",
+ "liveRefreshDelay": 0,
+ "disableImportAutoCompile": true,
+ "browserFlow": {
+ "enabled": false,
+ "mouseSync": true,
+ "scrollSync": true,
+ "keyboardSync": true,
+ "animateCss": true
+ },
+ "deployment": {
+ "ftpHost": "",
+ "ftpPort": "21",
+ "ftpUsePrivateKey": false,
+ "ftpPrivateKey": "",
+ "ftpRemotePath": "",
+ "ftpUserName": "",
+ "ftpPassword": "",
+ "ftpType": "FTP",
+ "ftpSecure": false,
+ "ftpUploadOnModify": false,
+ "ftpRefreshAfterUpload": false,
+ "ignorePreprocessableFiles": true,
+ "copyPath": "Prepros Build",
+ "excludePatterns": ".map, Prepros Build, config.rb, prepros.cfg, node_modules, .git, .idea, .sass-cache, .hg, .svn, .cache, .DS_Store, bower_components"
+ },
+ "css": {
+ "path": "css/",
+ "outputType": "REPLACE_SEGMENT",
+ "segmentToReplace": "less, sass, stylus, scss, styl",
+ "segmentToReplaceWith": "css",
+ "preprocessableFilesDirs": "less/\nsass/\nstylus/\nscss/\nstyl/\n"
+ },
+ "minCss": {
+ "path": "",
+ "outputType": "RELATIVE_FILEDIR",
+ "segmentToReplace": "",
+ "segmentToReplaceWith": "",
+ "types": "",
+ "preprocessableFilesDirs": "",
+ "filePrefix": "-dist"
+ },
+ "html": {
+ "segmentToReplace": "jade, haml, slim, markdown, md, kit",
+ "segmentToReplaceWith": "html",
+ "path": "html/",
+ "extension": ".html",
+ "outputType": "REPLACE_SEGMENT",
+ "preprocessableFilesDirs": "jade/\nhaml/\nslim/\nmarkdown/\nmd/\nkit"
+ },
+ "js": {
+ "segmentToReplace": "coffee, coffeescript, coffeescripts, ls, livescript, livescripts",
+ "segmentToReplaceWith": "html",
+ "extension": ".html",
+ "outputType": "REPLACE_SEGMENT",
+ "preprocessableFilesDirs": "coffee/\ncoffeescript/\ncoffeescripts/\nls/\nlivescript/\nlivescripts",
+ "path": "js/"
+ },
+ "minJs": {
+ "path": "",
+ "outputType": "RELATIVE_FILEDIR",
+ "segmentToReplace": "",
+ "segmentToReplaceWith": "",
+ "types": "",
+ "preprocessableFilesDirs": "",
+ "filePrefix": "-dist"
+ },
+ "compilers": {
+ "less": {
+ "autoCompile": true,
+ "autoprefixer": false,
+ "compress": false,
+ "sourceMaps": false
+ },
+ "sass": {
+ "autoCompile": true,
+ "autoprefixer": true,
+ "sourceMaps": true,
+ "libSass": true,
+ "compass": false,
+ "fullCompass": false,
+ "outputStyle": "compressed"
+ },
+ "stylus": {
+ "autoCompile": true,
+ "sourceMaps": false,
+ "autoprefixer": false,
+ "nib": false,
+ "compress": false
+ },
+ "markdown": {
+ "autoCompile": true,
+ "sanitize": false,
+ "gfm": true,
+ "wrapWithHtml": false
+ },
+ "coffee": {
+ "autoCompile": true,
+ "bare": false,
+ "uglify": false,
+ "mangle": true,
+ "iced": false,
+ "sourceMaps": false
+ },
+ "livescript": {
+ "autoCompile": true,
+ "bare": false,
+ "uglify": false,
+ "mangle": true
+ },
+ "javascript": {
+ "autoCompile": false,
+ "uglify": true,
+ "mangle": true,
+ "babel": false,
+ "sourceMaps": false
+ },
+ "jade": {
+ "autoCompile": true,
+ "pretty": true
+ },
+ "haml": {
+ "autoCompile": true,
+ "pretty": true,
+ "doubleQuotes": false
+ },
+ "kit": {
+ "autoCompile": true,
+ "minifyHtml": false
+ },
+ "slim": {
+ "autoCompile": true,
+ "pretty": true,
+ "indent": "default"
+ },
+ "css": {
+ "autoCompile": false,
+ "sourceMaps": false,
+ "compress": true,
+ "cssnext": false,
+ "autoprefixer": false
+ },
+ "uglify": {
+ "compress": {
+ "sequences": true,
+ "properties": true,
+ "dead_code": true,
+ "drop_debugger": true,
+ "unsafe": false,
+ "unsafe_comps": false,
+ "conditionals": true,
+ "comparisons": true,
+ "evaluate": true,
+ "booleans": true,
+ "loops": true,
+ "unused": true,
+ "hoist_funs": true,
+ "keep_fargs": false,
+ "hoist_vars": false,
+ "if_return": true,
+ "join_vars": true,
+ "cascade": true,
+ "side_effects": true,
+ "pure_getters": false,
+ "negate_iife": true,
+ "screw_ie8": false,
+ "drop_console": false,
+ "angular": false,
+ "warnings": true,
+ "pure_funcs": null,
+ "global_defs": null
+ },
+ "output": {
+ "quote_keys": false,
+ "space_colon": true,
+ "ascii_only": false,
+ "unescape_regexps": false,
+ "inline_script": false,
+ "beautify": false,
+ "bracketize": false,
+ "semicolons": true,
+ "comments": false,
+ "preserve_line": false,
+ "screw_ie8": false,
+ "preamble": null
+ }
+ }
+ }
+ }
+ }
+ }
+]
\ No newline at end of file
diff --git a/styles/base/_reset.scss b/styles/base/_reset.scss
new file mode 100644
index 0000000..e69de29
diff --git a/styles/base/_utilities.css b/styles/base/_utilities.css
new file mode 100644
index 0000000..6a72ba2
--- /dev/null
+++ b/styles/base/_utilities.css
@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_utilities.css.map */
\ No newline at end of file
diff --git a/styles/base/_utilities.css.map b/styles/base/_utilities.css.map
new file mode 100644
index 0000000..7198193
--- /dev/null
+++ b/styles/base/_utilities.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["_utilities.scss"],"names":[],"mappings":";AACA,0CAA0C","file":"_utilities.css"}
\ No newline at end of file
diff --git a/styles/base/_utilities.scss b/styles/base/_utilities.scss
new file mode 100644
index 0000000..152b928
--- /dev/null
+++ b/styles/base/_utilities.scss
@@ -0,0 +1,8 @@
+$font: "Press Start 2P";
+$height:70px;
+$width:180px;
+$background-size: 60px;
+$margin-top: 10px;
+$margin-bottom: 10px;
+$padding-bottom: 10px;
+$padding-top: 4px;
diff --git a/styles/layout/_footer.css b/styles/layout/_footer.css
new file mode 100644
index 0000000..0bc8c47
--- /dev/null
+++ b/styles/layout/_footer.css
@@ -0,0 +1,3 @@
+h5{font-family:"Press Start 2P";font-size:8px;color:white}
+
+/*# sourceMappingURL=_footer.css.map */
\ No newline at end of file
diff --git a/styles/layout/_footer.css.map b/styles/layout/_footer.css.map
new file mode 100644
index 0000000..748f6af
--- /dev/null
+++ b/styles/layout/_footer.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["_footer.scss"],"names":[],"mappings":"AAAA,GACE,6BACA,cACA,WAAa,CAHZ;;AAEH,uCAAuC","file":"_footer.css"}
\ No newline at end of file
diff --git a/styles/layout/_footer.scss b/styles/layout/_footer.scss
new file mode 100644
index 0000000..7ae95e1
--- /dev/null
+++ b/styles/layout/_footer.scss
@@ -0,0 +1,5 @@
+h5{
+ font-family:"Press Start 2P";
+ font-size: 8px;
+ color: white;
+}
diff --git a/styles/layout/_header.css b/styles/layout/_header.css
new file mode 100644
index 0000000..d4a0a66
--- /dev/null
+++ b/styles/layout/_header.css
@@ -0,0 +1,3 @@
+h1{font-family:"Press Start 2P";color:#FFF;padding-top:30px}
+
+/*# sourceMappingURL=_header.css.map */
\ No newline at end of file
diff --git a/styles/layout/_header.css.map b/styles/layout/_header.css.map
new file mode 100644
index 0000000..594453e
--- /dev/null
+++ b/styles/layout/_header.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["_header.scss"],"names":[],"mappings":"AAAA,GACE,6BACA,WACA,gBAAkB,CAHjB;;AAEH,uCAAuC","file":"_header.css"}
\ No newline at end of file
diff --git a/styles/layout/_header.scss b/styles/layout/_header.scss
new file mode 100644
index 0000000..6633869
--- /dev/null
+++ b/styles/layout/_header.scss
@@ -0,0 +1,5 @@
+h1{
+ font-family:"Press Start 2P";
+ color:#FFF;
+ padding-top: 30px;
+}
diff --git a/styles/layout/grid.css b/styles/layout/grid.css
new file mode 100644
index 0000000..498ba3c
--- /dev/null
+++ b/styles/layout/grid.css
@@ -0,0 +1,3 @@
+.container{width:700px;display:block;margin-bottom:-70px;margin-top:0px;margin-right:13px}
+
+/*# sourceMappingURL=grid.css.map */
\ No newline at end of file
diff --git a/styles/layout/grid.css.map b/styles/layout/grid.css.map
new file mode 100644
index 0000000..f924a97
--- /dev/null
+++ b/styles/layout/grid.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["grid.scss"],"names":[],"mappings":"AAAA,WACE,YACA,cAEA,oBACA,eACA,iBAAkB,CANR;;AAEZ,oCAAoC","file":"grid.css"}
\ No newline at end of file
diff --git a/styles/layout/grid.scss b/styles/layout/grid.scss
new file mode 100644
index 0000000..07748c9
--- /dev/null
+++ b/styles/layout/grid.scss
@@ -0,0 +1,8 @@
+.container {
+ width: 700px;
+ display: block;
+
+ margin-bottom: -70px;
+ margin-top: 0px;
+ margin-right:13px;
+}
diff --git a/styles/modules/hero.css b/styles/modules/hero.css
new file mode 100644
index 0000000..f192628
--- /dev/null
+++ b/styles/modules/hero.css
@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=hero.css.map */
\ No newline at end of file
diff --git a/styles/modules/hero.css.map b/styles/modules/hero.css.map
new file mode 100644
index 0000000..4333e81
--- /dev/null
+++ b/styles/modules/hero.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["hero.scss"],"names":[],"mappings":";AACA,oCAAoC","file":"hero.css"}
\ No newline at end of file
diff --git a/styles/modules/hero.scss b/styles/modules/hero.scss
new file mode 100644
index 0000000..e69de29
diff --git a/styles/pages/home.css b/styles/pages/home.css
new file mode 100644
index 0000000..dcda76b
--- /dev/null
+++ b/styles/pages/home.css
@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=home.css.map */
\ No newline at end of file
diff --git a/styles/pages/home.css.map b/styles/pages/home.css.map
new file mode 100644
index 0000000..fb1a967
--- /dev/null
+++ b/styles/pages/home.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["home.scss"],"names":[],"mappings":";AACA,oCAAoC","file":"home.css"}
\ No newline at end of file
diff --git a/styles/pages/home.scss b/styles/pages/home.scss
new file mode 100644
index 0000000..e69de29
diff --git a/styles/style.css b/styles/style.css
new file mode 100644
index 0000000..d25bb3a
--- /dev/null
+++ b/styles/style.css
@@ -0,0 +1,3 @@
+@import url(http://fonts.googleapis.com/css?family=Press+Start+2P);@import url(https://fonts.googleapis.com/css?family=Geo);h1{font-family:"Press Start 2P";color:#FFF;padding-top:30px}h5{font-family:"Press Start 2P";font-size:8px;color:white}.container{width:700px;display:block;margin-bottom:-70px;margin-top:0px;margin-right:13px}body{background-color:#000}#flavor{width:180px;height:60px;padding-bottom:10px;padding-left:10px;padding-top:10px;margin-right:30px;margin-bottom:10px;padding-right:10px;font-size:10px;color:#000;border-radius:15px;background:white;line-height:20px;text-align:left;margin-top:-10px}.img{max-width:100%;padding-top:5px;padding-bottom:10px}#win,#lose,#tie{margin-top:10px;margin-left:40px;font-family:"Press Start 2P";font-size:14px;padding-top:4px;padding-left:-100px;color:#FFF;margin-bottom:10px;float:left}.level{margin-top:10px;font-family:"Press Start 2P";font-size:14px;padding-top:4px;padding-left:3px;padding-right:50px;color:#FFF;margin-bottom:50px;float:left}.rectangle{width:700px;height:200px;border:solid}#message{line-height:40px;text-align:left;margin-top:10px;padding-left:30px}div{font-family:"Press Start 2P";color:#FFF}.button{border:solid 2px #D17E36;font-family:'Geo', sans-serif;font-size:38px;line-height:26px;margin-top:125px;margin-bottom:10px;color:#D17E36;margin-left:px;margin-right:20px;padding-left:70px}button:hover{color:yellow;border:solid 2px yellow}#rock{width:180px;height:70px;background:url(http://vignette1.wikia.nocookie.net/undertale/images/2/21/Undertale_Badge_4.png/revision/latest?cb=20151009222007) no-repeat 0px -3px;background-size:70px}#paper{width:240px;height:70px;background:url(http://vignette1.wikia.nocookie.net/undertale/images/0/08/Undertale_Badge_3b.png/revision/latest?cb=20151009221941) no-repeat 5px 5px;background-size:60px}#scissors{width:180px;height:70px;background:url(http://vignette2.wikia.nocookie.net/undertale/images/f/f5/Undertale_Badge_1.png/revision/latest?cb=20151009220535) no-repeat 4px 5px;background-size:60px}audio{position:fixed;bottom:5px;right:5px;display:block;opacity:0.3}
+
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/styles/style.css.map b/styles/style.css.map
new file mode 100644
index 0000000..1c79e6f
--- /dev/null
+++ b/styles/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss","layout/_header.scss","layout/_footer.scss","layout/grid.scss","base/_utilities.scss"],"names":[],"mappings":"AAAA,mEACA,yDCDA,GACE,6BACA,WACA,gBAAkB,CAHjB,GCCD,6BACA,cACA,WAAa,CAHZ,WCCD,YACA,cAEA,oBACA,eACA,iBAAkB,CHIpB,KACE,qBAAuB,CADnB,QAKJ,YACA,YACA,oBACA,kBACA,iBACA,kBACA,mBACA,mBACA,eACA,WACA,mBACA,iBACA,iBACA,gBACA,gBAAkB,CAfX,KAmBP,eACA,gBACA,mBI7BmB,CJ0BhB,gBAOH,gBACA,iBACA,6BACA,eACA,gBACA,oBACA,WACA,mBACA,UAAY,CATK,OAajB,gBACA,6BACA,eACA,gBACA,iBACA,mBACA,WACA,mBACA,UAAY,CATN,WAaN,YACA,aACA,YAAc,CAHJ,SAOV,iBACA,gBACA,gBACA,iBAAmB,CAJX,IAQR,6BACA,UAAY,CAFT,QAMH,yBACA,8BACA,eACA,iBACA,iBACA,mBACA,cACA,eACA,kBACA,iBAAmB,CAVZ,aAcP,aACA,uBAAwB,CAFZ,MAMZ,YACA,YACA,qJACA,oBAAsB,CAJjB,OAQL,YACA,YACA,qJACA,oBAAsB,CAJhB,UAQN,YACA,YACA,oJACA,oBAAsB,CAJb,MAQT,eACA,WACA,UACA,cACA,WAAa,CALR;;AArHP,qCAAqC","file":"style.css"}
\ No newline at end of file
diff --git a/styles/style.scss b/styles/style.scss
new file mode 100644
index 0000000..0e3e99f
--- /dev/null
+++ b/styles/style.scss
@@ -0,0 +1,126 @@
+@import url(http://fonts.googleapis.com/css?family=Press+Start+2P);
+@import url(https://fonts.googleapis.com/css?family=Geo);
+
+@import "base/reset";
+@import "base/utilities";
+
+@import "layout/header";
+@import "layout/footer";
+@import "layout/grid";
+
+body {
+ background-color: #000;
+}
+
+#flavor {
+ width: $width;
+ height: 60px;
+ padding-bottom: $padding-bottom;
+ padding-left: 10px;
+ padding-top: 10px;
+ margin-right: 30px;
+ margin-bottom: $margin-bottom;
+ padding-right: 10px;
+ font-size: 10px;
+ color: #000;
+ border-radius: 15px;
+ background: white;
+ line-height: 20px;
+ text-align: left;
+ margin-top: -10px;
+}
+
+.img{
+ max-width: 100%;
+ padding-top: 5px;
+ padding-bottom: $padding-bottom;
+}
+
+#win, #lose, #tie {
+ margin-top: $margin-top;
+ margin-left: 40px;
+ font-family: "Press Start 2P";
+ font-size: 14px;
+ padding-top: $padding-top;
+ padding-left: -100px;
+ color: #FFF;
+ margin-bottom: $margin-bottom;
+ float: left;
+}
+
+.level {
+ margin-top: $margin-top;
+ font-family: "Press Start 2P";
+ font-size: 14px;
+ padding-top: $padding-top;
+ padding-left: 3px;
+ padding-right: 50px;
+ color: #FFF;
+ margin-bottom: 50px;
+ float: left;
+}
+
+.rectangle {
+ width: 700px;
+ height: 200px;
+ border: solid;
+}
+
+#message {
+ line-height: 40px;
+ text-align: left;
+ margin-top: $margin-top;
+ padding-left: 30px;
+}
+
+div {
+ font-family: "Press Start 2P";
+ color: #FFF;
+}
+
+.button {
+ border: solid 2px #D17E36;
+ font-family: 'Geo', sans-serif;
+ font-size: 38px;
+ line-height: 26px;
+ margin-top: 125px;
+ margin-bottom: $margin-bottom;
+ color: #D17E36;
+ margin-left: px;
+ margin-right: 20px;
+ padding-left: 70px;
+}
+
+button:hover {
+ color: yellow;
+ border: solid 2px yellow;
+}
+
+#rock {
+ width: $width;
+ height: $height;
+ background: url(http://vignette1.wikia.nocookie.net/undertale/images/2/21/Undertale_Badge_4.png/revision/latest?cb=20151009222007) no-repeat 0px -3px;
+ background-size: 70px;
+}
+
+#paper {
+ width: 240px;
+ height: $height;
+ background: url(http://vignette1.wikia.nocookie.net/undertale/images/0/08/Undertale_Badge_3b.png/revision/latest?cb=20151009221941) no-repeat 5px 5px;
+ background-size: 60px;
+}
+
+#scissors {
+ width: $width;
+ height:$height;
+ background: url(http://vignette2.wikia.nocookie.net/undertale/images/f/f5/Undertale_Badge_1.png/revision/latest?cb=20151009220535) no-repeat 4px 5px;
+ background-size: 60px;
+}
+
+audio {
+ position: fixed;
+ bottom: 5px;
+ right: 5px;
+ display: block;
+ opacity: 0.3;
+}