change in css to make it more responsive and attractive

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 {