Create style.css

Author: Frederick Thomas

style.css

@@ -0,0 +1,76 @@
+body, html {
+              height: 50%;
+              margin: 0;
+			  font-size: 20px;
+			  margin-top: 2px;
+			  margin-bottom: 16px;
+            }
+
+			
+            .bg {
+              /* The image used */
+              background: url("https://sallysbakingaddiction.com/wp-content/uploads/2013/05/classic-chocolate-chip-cookies.jpg");
+
+              /* Full height */
+              height: 100%;
+			  top: 50;
+			  right: 0;
+
+              /* Centers and scales my image smooth and professional */
+              background-position: center;
+              background-repeat: no-repeat;
+              background-size: cover;
+            }
+
+
+			/* Style for my header */
+			.h1 {
+				font-family: "san-serif", Playfair Display, Bodoni;
+				text-align: center;
+			}
+
+
+			/* First paragraph style */
+			.p1 {
+				font-family: "Gill Sans", sans-serif;
+				text-align: center;
+			}
+
+
+			/* My query prompt style */
+			.queryPrompt {
+				font-family: "Fantasy", Copperplate, Papyris;
+				text-align: center;
+			}
+
+
+			/* Query input field and button alignment */
+			.queryIB {
+				display: flex;
+  				flex-direction: row;
+  				justify-content: center;
+				align-items: center;
+				gap: 5px;
+			}
+
+
+			/* End-user query input field */
+			.input {
+				font-family: "Ramaraja", Helvetica;
+				display: flex;
+  				text-align: center;
+				width: fit-content;
+    			min-width: 150px;
+			}
+
+
+			/* My AI button style */
+			button {
+				background-color: black;
+				color: white;
+				border: none;
+				border-radius: 50%;
+				height: 25px;
+				width: 25px;
+				cursor: pointer;
+			}