Styling

style.css

@@ -1,4 +1,55 @@
 body {
     background: linear-gradient(to bottom, #2980b9, #6dd5fa,#06324f);
     overflow: hidden;
-  } 
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: monospace,sans-serif;
+
+
+  }
+  .container{
+    background-color: rgba(255, 255, 255, .3);
+    padding: 20px;
+    box-shadow: 0 6px 10px;
+    border-radius: 15px;
+    width: 80%;
+    text-align: center;
+    color: rgb(8, 16, 94);
+  }
+
+  .heading{
+    font-size: 35px;
+    font-weight: 100px;
+    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
+    text-shadow:5px 5px 2px rgba(0,0,0,.3);
+    letter-spacing: 2px;
+  }
+
+  .joke{
+    font-size: 25px;
+    font-weight: 500;
+    margin: 40px;
+  }
+
+  .btn{
+    display: inline-block;
+    padding: 12px 24px;
+    font-size: 16px;
+    font-weight: bold;
+    color: #fff;
+    text-align: center;
+    text-decoration: none;
+    border: none;
+    border-radius: 8px;
+    background-color: #3498db;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+  }
+  .btn:hover {
+    background-color: #2980b9;
+  }
+  .btn {
+    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+  }