diff --git a/images/abstract_squares.jpg b/images/abstract_squares.jpg index 8abc022..a7462df 100644 Binary files a/images/abstract_squares.jpg and b/images/abstract_squares.jpg differ diff --git a/index.css b/index.css index 72bc14e..ca93c9b 100644 --- a/index.css +++ b/index.css @@ -1,6 +1,7 @@ * { box-sizing: border-box; text-align: justify; + font-family: Roboto; } body { @@ -49,3 +50,36 @@ h1 { font-size: 4em; line-height: 0; } + +a.icon { + margin: 0.1em; + background-color: #325090; + color: #FFF; + border-radius: 50%; + font-size: 3em; + width: 1.6em; + height: 1.6em; + line-height: 1.6em; + text-align: center; + vertical-align: center; +} + +@media (max-width: 900px) { + .right-pane { + position: absolute; + width: 100vw; + height: 3em; + background-color: #325090; + background-image: none; + } + + a.icon { + font-size: 2em; + width: 1.5em; + height: 1.5em; + line-height: 1.5em; + } + .left-pane { + width: 100vw; + } +} diff --git a/index.html b/index.html index 963b598..43b20bb 100644 --- a/index.html +++ b/index.html @@ -4,11 +4,16 @@ Ceda EI +
+
+ + +
@@ -16,8 +21,6 @@

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis. Pellentesque iaculis lectus at erat fermentum ultricies. Curabitur est ante, accumsan in tortor vitae, molestie elementum ante. Duis tristique tellus eu molestie porta. Mauris euismod id sem ut ultrices.

-
-