Images rounded borders and white focus outline.

1 files changed, 10 insertions, 1 deletions

diff --git a/css/style.css b/css/style.css
index badbfe7..f79c443 100644
--- a/css/style.css
+++ b/css/style.css
@@ -5,7 +5,7 @@ body {
   padding: 0 10%;
   max-width: 1100px;
 
-  font-family: Mononoki, Open Sans, Sans, Arial;
+  font-family: "Mononoki", "Open Sans", "Sans", "Arial";
   text-align: left;
   line-height: 1.5em;
   font-size: 1.1em;
@@ -35,6 +35,10 @@ h1, .navbar {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 
+h1, .navbar, .navbar li {
+  border-radius: 5px;
+}
+
 .navbar {
   list-style-type: none;
   margin: 0;
@@ -73,6 +77,7 @@ p {
 img {
   margin: 15px 50px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  border-radius: 15px;
 }
 
 .column {
@@ -97,3 +102,7 @@ section {
   overflow: auto;
   margin: 60px 0 20px;
 }
+
+:focus {
+  outline: 2px solid white;
+}