diff --git a/grey.css b/grey.css
new file mode 100644
index 0000000..44e7ae1
--- /dev/null
+++ b/grey.css
@@ -0,0 +1,205 @@
+/*!** reset ***/
+
+* {
+
+	padding: 0;
+	margin: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+	box-sizing: border-box;
+	position: relative;	
+}
+
+*:before,
+*:after {
+	box-sizing inherit;
+}
+
+*:focus {
+	outline none;
+}
+
+html, body {
+	margin: 0;
+	padding: 0;
+	font-family: sans-serif;
+}
+
+html {
+	box-sizing border-box;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section
+	display block;
+
+a {
+	background-color transparent;
+}
+
+a:active,
+a:hover {
+	outline none;
+}
+
+b,
+strong {
+	font-weight bold;
+}
+
+img {
+	border 0;
+}
+
+.clearfix {
+	*zoom: 1;
+}
+
+.clearfix:before,
+.clearfix:after {
+	content: '';
+	display: table;
+	line-height: 0;
+}
+
+.clearfix:after {
+	clear: both;
+}
+
+.header {
+	width: 100%;
+	min-height: 50px;
+
+	padding: 5px 20px;
+
+	background-color: rgba(10, 10, 10, .2);
+	
+	line-height: 40px;
+
+	font-size: 28px;
+	font-weight: 800;
+	color: #fff;
+}
+
+.footer {
+	width: 100%;
+	min-height: 30px;
+
+	padding: 10px 20px;
+
+	background-color: rgba(10, 10, 10, .1);
+
+	font-size: 14px;
+	color: #777;
+
+	text-align: left;
+}
+
+.wrap {
+	width: 1024px;
+	min-height: 100vh;
+
+	margin: 0 auto;
+
+	background-color: rgba(200,200,200,.2);
+}
+
+.top-nav {
+	width: 100%;
+
+	padding: 10px 5px;
+
+	background-color: rgba(200,200,200,.2);
+}
+
+.top-nav__item {
+	display: block;
+
+	float: left;
+
+	padding: 10px 15px 12px;
+
+	border-radius: 2px;
+
+	transition: .2s ease;
+
+	font-size: 18px;
+	color: #333;
+}
+
+.top-nav__item:hover {
+	background-color: #3ce;
+
+	color: #fff;
+}
+
+.content {
+	padding: 20px;
+
+	font-size: 14px;
+	color: #333;
+
+	text-align: left;
+}
+
+.content h1 {
+	margin: 10px 0;
+
+	font-size: 24px;
+	font-weight: 600;
+	color: #000;
+}
+
+.content h2 {
+	margin: 10px 0;
+
+	font-size: 22px;
+	font-weight: 600;
+	color: #000;
+}
+
+.content h3 {
+	margin: 10px 0;
+
+	font-size: 18px;
+	font-weight: 600;
+	color: #000;
+}
+
+.content h4 {
+        margin: 10px 0;
+
+        font-size: 14px;
+        font-weight: 600;
+        color: #000;
+}
+
+
+.content p {
+	margin: 10px 0;
+}
+
+.content strong {
+	font-weight: 600;
+}
+
+.content ul,
+.content ol {
+	margin: 10px 0;
+
+	list-style-position: inside;
+}
+
+.content ul li {
+	margin: 5px 0;
+}
+
+.content img {
+	margin: 10px;
+}
+
+
+
+/*!** end-reset ***/