diff --git a/index.html b/index.html index 3737d2c..c1226ba 100644 --- a/index.html +++ b/index.html @@ -16,12 +16,10 @@
-

Nathan Chapman

+

Nathan Chapman

@@ -30,7 +28,7 @@

About

I'm a composer for film, games, and other mediums. I created the soundtracks to the online stories the Last Website and the Story Of Red, a small short Simple Killjoy, and other projects. I received my first introduction to music production and composition in High School and have been pursuing the craft ever since. Currently working out of Utah.

-

Contact me at contact@nathanjchapman.com.

+

Contact me

Albums

diff --git a/styles/index.css b/styles/index.css index b070200..ac42581 100644 --- a/styles/index.css +++ b/styles/index.css @@ -6,7 +6,7 @@ html { body { max-width: 1024px; - margin: 3em auto; + margin: 1em auto; padding: 0 3em; background-color: #c1c2c0; color: #323834; @@ -33,7 +33,6 @@ h1, h2, h3, h4, h5 { line-height: 1.15; } h1 { - margin-top: 0; font-size: 2.488em; } h2 { @@ -58,6 +57,10 @@ a { white-space: nowrap; } +nav { + margin: 0 0 1.05rem; +} + section { padding: 1em; background-color: #ebebea; @@ -88,3 +91,21 @@ header, footer { text-align: center; } + + +@media all and (max-width: 500px) { + body { + margin: 0; + padding: 3em 0; + } + header { + padding: 0 1em; + flex-flow: column; + justify-content: space-around; + } + main h1 { + padding-left: 1rem; + } + section { + } +} diff --git a/websites/index.html b/websites/index.html index 97ebfa7..e6f69b2 100644 --- a/websites/index.html +++ b/websites/index.html @@ -18,10 +18,8 @@

Nathan Chapman

@@ -31,7 +29,7 @@

Simple websites. No fluff.

Actively avoiding parallax-scrolling, bootstrap, WordPress, Squarespace, and any other main-stream, bloated, monster-of-a-website "framework" designed to accommodate every possible solution known to the wet blanket of clientele.

Designing around good writing, typography, and a few visual elements (colors and shapes) to give some polish.

-

Contact me at contact@nathanjchapman.com and let's get you a working website.

+

Contact me and let's get you a working website.

My Work