Update styleQ7.css

Author: TheComputationalCore

templates/styleQ7.css

@@ -1,36 +1,28 @@
-body{
-    background-color: black;
-    color: black;
-}
-.container{
-    border: 2px solid rgb(252, 239, 239);
-    margin: 300px auto;    
-    max-width: max-content;
-    display: flex;
-    flex-direction: row;
-    justify-items: center;
-    
-}
-div, div > input{
-    padding: 0.5rem;
+.card {
+  width: 320px;
+  padding: 20px;
+  background: #f9f9f9;
+  margin: 20px auto;
+  border-radius: 8px;
+  border: 1px solid #ddd;
 }
 
-p{
-    background-color: red;
-    color: rgb(248, 244, 244);
-    font-family: cursive;
-    margin: auto;
-    padding: 0.5rem;
-    display: flex;
-    justify-content: center;
-}
-form{
-    background-color: rgb(248, 244, 244);
+input,
+button {
+  width: 100%;
+  padding: 10px;
+  margin: 8px 0;
+  box-sizing: border-box;
 }
 
-.l1{
-    min-width: 50%;
+button {
+  background: #333;
+  color: #fff;
+  border: 0;
+  cursor: pointer;
+  border-radius: 4px;
 }
-.l2{
-    min-width: 100%;
+
+button:hover {
+  background: #000;
 }