1 files changed, 43 insertions, 0 deletions
diff --git a/12/css/styles.css b/12/css/styles.css
new file mode 100644
index 0000000..695be8b
--- /dev/null
+++ b/12/css/styles.css
@@ -0,0 +1,43 @@
+/*
+	Student Name: Name Surname
+	Date: 2024/12/01
+	File Name: styles.css
+*/
+
+.hero{
+	background-image: linear-gradient(rgba(255, 255, 255, 0.5),
+		rgba(255, 255, 255, 0.5)),url(../images/baby-hawk.jpg);
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-position: right;
+}
+.welcome{
+	position: absolute;
+	top: 40%;
+}
+.display-1{
+	font-size: 4em;
+}
+.bg-brown{
+	background-color: #2A1F14;
+}
+
+/* Media Query for Tablet Viewport */
+@media (min-width: 768px) {
+	.welcome {
+		top: 20%;
+		left: 5%;
+		padding: 2em;
+	}
+}
+
+/* Media Query for Desktop Viewport */
+@media (min-width: 992px) {
+	.hero {
+		background-position: left;
+	}
+
+	.display-1 {
+		font-size: 8em;
+	}
+}