+
diff --git a/style/main.css b/style/main.css
index be21225..3460cf2 100644
--- a/style/main.css
+++ b/style/main.css
@@ -11,7 +11,7 @@ body {
'ribbon ribbon'
'sidebar content';
grid-template-columns: 300px auto;
- background-color: #34495e;
+ background-color: #3498db;
margin: 0;
padding: 0;
font-family: 'Fira Sans', serif;
@@ -23,13 +23,13 @@ a {
color: #ecf0f1;
text-decoration: none;
font-style: italic;
- box-shadow: inset 0 -3px 0 #9b59b6;
- transition: all .3s ease-in-out;
+ border-bottom: 5px solid #9b59b6;
+ transition: color 0.2s;
}
a:hover {
- box-shadow: inset 0 -21px 0 #9b59b6;
- transition: all .3s ease-in-out;
+ color: #9b59b6;
+ transition: color 0.4s;
}
h1,
@@ -41,7 +41,7 @@ h2 {
.sidebar,
.content {
padding: 10px;
- background-color: #2c3e50;
+ background-color: #bdc3c7;
}
.center {
@@ -107,7 +107,12 @@ h2 {
.side-picture {
grid-area: side-picture;
- margin: 10px auto;
+ margin: 10px;
+}
+
+.side-picture > .picture {
+ max-width: 100%;
+ margin: 0 auto;
}
.side-contact {
@@ -128,7 +133,7 @@ h2 {
.side-card {
margin: 10px;
- background-color: #34495e;
+ background-color: #2c3e50;
}
.side-card h4,