Beautifuled document🍟

Liknox · Dec 8, 2022 · 26d1218 · 26d1218
1 parent bad51bd
commit 26d1218
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 28 deletions.
diff --git a/app.js b/app.js
@@ -71,8 +71,8 @@ setRandomColors(true)
 document.addEventListener("keydown", e => {
 	e.preventDefault()
 	if (e.code.toLowerCase() === "space") {
-      const spaceButton = document.querySelector(".pressSpace")
-      spaceButton.style.display = "none"
+		const spaceButton = document.querySelector(".pressSpace")
+		spaceButton.style.display = "none"
 		setRandomColors()
 	}
 })

diff --git a/index.html b/index.html
@@ -23,6 +23,7 @@
 		></script>
 		<title>Colors</title>
 	</head>
+
 	<body>
 		<div class="col">
 			<h2 data-type="copy"></h2>
@@ -44,8 +45,8 @@ <h2 data-type="copy"></h2>
 			<h2 data-type="copy"></h2>
 			<button><i class="fa-solid fa-lock-open"></i></button>
 		</div>
-      <div class="copied"><img src="check.jpg" alt="">Copied to Clipboard!</div>
-      <div class="pressSpace">Press Space Button</div>
+		<div class="copied"><img src="check.jpg" alt="" />Copied to Clipboard!</div>
+		<div class="pressSpace">Press Space Button</div>
 		<script src="app.js"></script>
 	</body>
 </html>
diff --git a/style.css b/style.css
@@ -46,32 +46,32 @@ body {
 }
 
 .copied {
-   display: flex;
-   justify-content: space-between;
-   align-items: center;
-   width: 210px;
-   position: absolute;
-   background: #fff;
-   padding: 20px;
-   border-radius: 10px;
-   top: -61px;
-   left: 50%;
-   transform: translateX(-50%);
-   transition: transform 0.2s;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 210px;
+	position: absolute;
+	background: #fff;
+	padding: 20px;
+	border-radius: 10px;
+	top: -61px;
+	left: 50%;
+	transform: translateX(-50%);
+	transition: transform 0.2s;
 }
 
 img {
-   height: 20px;
-   width: 20px;
-} 
+	height: 20px;
+	width: 20px;
+}
 
 .pressSpace {
-   position: absolute;
-   top: 87%;
-   font-weight: bold;
-   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-   color:rgba(0, 0, 0, 0.1);
-   font-size: 100px;
-   left: 50%;
-   transform: translateX(-50%);
-}
+	position: absolute;
+	top: 87%;
+	font-weight: bold;
+	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
+	color: rgba(0, 0, 0, 0.1);
+	font-size: 100px;
+	left: 50%;
+	transform: translateX(-50%);
+}