From 922fc2f1f53a774a1c71ac10dd6ab860eefb7ed7 Mon Sep 17 00:00:00 2001 From: Shashee Hanz <52167316+spicaSL@users.noreply.github.com> Date: Tue, 22 Oct 2019 13:19:19 +0530 Subject: [PATCH] Update style.css --- style.css | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/style.css b/style.css index fd395b0..0478f2c 100644 --- a/style.css +++ b/style.css @@ -1,12 +1,14 @@ @import url('https://fonts.googleapis.com/css?family=Dosis|Indie+Flower|Roboto&display=swap'); -html{ +html +{ background-image: url(images/github-backdrop.png); background-color: rgba(0, 0, 0, 0.2); background-size: 200px; } -.container { +.container +{ position: relative; margin-right: auto; margin-left: auto; @@ -16,13 +18,15 @@ html{ box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.8), 0 10px 25px 0 rgba(0, 0, 0, 0.7); } -.image { +.image +{ display: block; width: 500px; height: 500px; } -.overlay { +.overlay +{ position: absolute; top: 0; bottom: 0; @@ -35,11 +39,13 @@ html{ background-color: #008CBA; } -.container:hover .overlay { +.container:hover .overlay +{ opacity: 1; } -.text { +.text +{ color: white; font-size: 20px; position: absolute;