change in css to make it more responsive and attractive

10 months ago · 397c4ffe8b
parent 9409685c9a
commit 397c4ffe8b
1 changed files with 5 additions and 2 deletions
--- a/dad-jokes/style.css
+++ b/dad-jokes/style.css
@ -20,7 +20,7 @@ body {
 .container {
  background-color: #fff;
  border-radius: 10px;
-  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 10px 20px rgba(0, 0, 5, 0.7), 0 6px 6px rgba(0, 0, 0, 0.1);
  padding: 50px 20px;
  text-align: center;
  max-width: 100%;
@ -51,9 +51,12 @@ h3 {
  font-size: 16px;
  cursor: pointer;
 }
-
+.btn:hover{
+  background-color: #bd97ec;
+}
 .btn:active {
  transform: scale(0.98);
+  background-color: #8d48dc;
 }

 .btn:focus {