diff --git a/css/styles.css b/css/styles.css
index af078ee..095cae4 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -12,7 +12,7 @@ body {
   margin: auto;
   max-width: 1080px;
   box-sizing: content-box;
-  padding: 0 1em 1em 1em;
+  padding: 0 1em;
 }
 
 #list:target + .photos {
@@ -101,7 +101,7 @@ body {
   top: 50%;
   left: 50%;
   box-sizing: border-box;
-  box-shadow: 0 0 0.1em black;
+  box-shadow: 0 0 .1em black;
   transform: translate(-50%, -50%);
   opacity: 1;
   z-index: 3;
@@ -123,7 +123,7 @@ body {
   cursor: default;
   pointer-events: auto;
   z-index: 1;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(0, 0, 0, .5);
   color: white;
   text-shadow: 0 0 .1em black;
   text-decoration: none;
@@ -272,10 +272,10 @@ body {
 }
 
 .button {
-  filter: invert(100%) drop-shadow(0 0 0.1em black);
+  filter: invert(100%) drop-shadow(0 0 .1em black);
   display: inline-block;
   font-family: sans-serif;
-  font-size: calc(0.5em + 0.25vw);
+  font-size: calc(.75em + .25vw);
   outline: 0;
   text-decoration: none;
   text-align: center;
@@ -284,11 +284,11 @@ body {
   width: 33.33%;
   height: 2em;
   padding: 0;
-  margin: 1em 0 1em 0;
+  margin: 1em 0;
 }
 
 .button:hover {
-  filter: invert(90%) drop-shadow(0 0 0.1em black);
+  filter: invert(90%) drop-shadow(0 0 .1em black);
 }
 
 #footer {
@@ -299,7 +299,7 @@ body {
 
 #footer .text {
   margin-top: 2em;
-  font-size: 0.75em;
+  font-size: .75em;
   font-weight: normal;
   text-align: center;
   color: gray;