From af7c3864660379171ebc0947305cbd8838927b09 Mon Sep 17 00:00:00 2001
From: bo <bo@xpub.nl>
Date: Mon, 8 May 2023 17:26:09 +0200
Subject: [PATCH] adding the css file

---
 AdaBobbiCara/enconv.css | 74 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 74 insertions(+)
 create mode 100644 AdaBobbiCara/enconv.css

diff --git a/AdaBobbiCara/enconv.css b/AdaBobbiCara/enconv.css
new file mode 100644
index 0000000..6a87766
--- /dev/null
+++ b/AdaBobbiCara/enconv.css
@@ -0,0 +1,74 @@
+body{
+	font-family: 'Courier New', Courier, monospace;
+	margin: 0;
+	padding: 0;
+	background-image: url('/public_html/si21-2/enconv/bg.jpg');
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+h1{
+	text-align: center;
+}
+
+p{
+	text-align: center;
+}
+
+
+div{
+  animation: glitch 1s linear infinite;
+}
+
+@keyframes glitch{
+  2%,64%{
+    transform: translate(2px,0) skew(0deg);
+  }
+  4%,60%{
+    transform: translate(-2px,0) skew(0deg);
+  }
+  62%{
+    transform: translate(0,0) skew(5deg); 
+  }
+}
+
+
+form {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	margin-top: 20px;
+}
+
+label {
+	font-weight: bold;
+	margin-right: 10px;
+}
+
+input[type="text"] {
+	padding: 5px;
+	border-radius: 5px;
+	border: 1px solid #ccc;
+}
+
+button{
+	padding: 5px 20px;
+	border-radius: 5px;
+	background-color: #ff5900;
+	color: #fff;
+	border: none;
+	cursor: pointer;
+}
+
+table {
+	margin-top: 20px;
+	border-collapse: collapse;
+}
+
+th, td {
+	padding: 10px;
+	border: 1px solid #ccc;
+	text-align: center;
+}