diff --git a/website/index.tmpl.html b/website/index.tmpl.html
index 3250935..4be111c 100644
--- a/website/index.tmpl.html
+++ b/website/index.tmpl.html
@@ -1,210 +1,230 @@
-
-
-
-
-
- Awesome-docker
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ .main-content :first-child {
+ margin-top: 0;
+ }
-
\ No newline at end of file
+ .main-content h1,
+ .main-content h4 {
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+ font-weight: 400;
+ color: #5dbcd2;
+ }
+
+ .main-content p {
+ margin-bottom: 1em;
+ }
+
+ .main-content blockquote {
+ padding: 0 1rem;
+ margin-left: 0;
+ color: #819198;
+ border-left: 0.3rem solid #dce6f0;
+ }
+
+ .main-content blockquote > :first-child {
+ margin-top: 0;
+ }
+
+ .main-content blockquote > :last-child {
+ margin-bottom: 0;
+ }
+
+ .main-content img {
+ max-width: 100%;
+ }
+
+ @media screen and (min-width: 64em) {
+ .btn {
+ padding: 0.75rem 1rem;
+ }
+ .page-header {
+ padding: 5rem 6rem;
+ }
+ .project-name {
+ font-size: 3.25rem;
+ }
+ .project-tagline {
+ font-size: 1.25rem;
+ }
+ .main-content {
+ max-width: 64rem;
+ padding: 2rem 6rem;
+ margin: 0 auto;
+ font-size: 1.1rem;
+ }
+ }
+
+ @media screen and (min-width: 42em) and (max-width: 64em) {
+ .btn {
+ padding: 0.6rem 0.9rem;
+ font-size: 0.9rem;
+ }
+ .page-header {
+ padding: 3rem 4rem;
+ }
+ .project-name {
+ font-size: 2.25rem;
+ }
+ .project-tagline {
+ font-size: 1.15rem;
+ }
+ .main-content {
+ padding: 2rem 4rem;
+ font-size: 1.1rem;
+ }
+ }
+
+ @media screen and (max-width: 42em) {
+ .btn {
+ display: block;
+ width: 100%;
+ padding: 0.75rem;
+ font-size: 0.9rem;
+ }
+ .page-header {
+ padding: 2rem 1rem;
+ }
+ .project-name {
+ font-size: 1.75rem;
+ }
+ .project-tagline {
+ font-size: 1rem;
+ }
+ .main-content {
+ padding: 2rem 1rem;
+ font-size: 1rem;
+ }
+ }
+
+
+
+
+
+
+
+
+
+
+