diff music.html @ 21:3c7989047451

Make code prettier and fix a few visual errors
author Paper <mrpapersonic@gmail.com>
date Sun, 12 Dec 2021 17:09:24 -0500
parents 79a7939810c0
children 36783c99e199
line wrap: on
line diff
--- a/music.html	Sun Dec 12 06:43:24 2021 -0500
+++ b/music.html	Sun Dec 12 17:09:24 2021 -0500
@@ -4,29 +4,31 @@
 	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
 	<title>Music - Paper's website</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 	<style>
 		@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
 		.navbar {
 			background: linear-gradient(to bottom, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0) 100%);
 		}
 		body {
+			background-size: cover;
+			background: url("forest.png") no-repeat center center fixed;
+			color: white;
 			font-family: 'Source Sans 3', sans-serif;
-			color: white;
+			text-align: center;
 			text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
-			background-image: url("forest.png");
-			text-align: center;
 		}
 		div.box {
-			padding: 10px;
+			background-color: rgba(0, 0, 0, 0.7);
+			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
+			color: white;
+			left: 0;
 			margin: 1% auto;
 			max-width: 500px;
-			left: 0;
+			padding: 10px;
 			right: 0;
-			background-color: rgba(0, 0, 0, 0.7);
-			color: white;
-			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
+			text-align: center;
 			top: 50%;
-			text-align: center;
 		}
 		a:link, a:visited, a:hover, a:active {
 			color: #ff6600;