move js to scripts folder,

move css to css folder

css/login.css

@@ -0,0 +1,25 @@
+.center-div {
+	display: flex;
+	justify-content: center;
+}
+
+fieldset {
+	border: solid white 1px;
+	border-radius: 5px;
+	width: fit-content;
+}
+
+input, label, legend {
+	font-family: monospace;
+	color: white;
+	font-size: 14px;
+	background-color: black;
+}
+
+input {
+	border: solid white 1px;
+}
+
+button {
+	margin-top: 10px;
+}

css/style.css

@@ -0,0 +1,72 @@
+body {
+	background-color:black;
+}
+
+h1, h2, h3, p {
+	font-family: monospace;
+	color: white;
+	margin: 20px 0px 20px 0px;
+}
+
+h1 {
+	font-size: 72px; 
+	text-align: center;
+}
+
+h2 {
+	font-size: 32px; 
+	text-align: center;
+}
+
+h3 {
+	font-size: 24px; 
+	text-align: center;
+}
+
+p {
+	font-size: 14px; 
+	text-align: left;
+}
+
+@media screen and (min-width: 480px) {
+.center-div {
+	min-width: 480px;
+	max-width: 50%;
+	margin-left: auto;
+	margin-right: auto;
+}
+}
+@media screen and (max-width: 480px) {
+.center-div {
+	width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+}
+}
+
+.btn-group {
+	margin: 0 auto;
+	display: flex;
+	justify-content: center;
+	flex-direction: row;
+	flex-wrap: wrap;
+	gap: 10px;
+}
+
+.btn-group button {
+	background-color: #00ff00; /* Green background */
+	color: black; /* White text */
+	padding: 10px; /* Some padding */
+	cursor: pointer; /* Pointer/hand icon */
+	border: none;
+}
+
+.btn-group:after {
+	content: "";
+	clear: both;
+	display: table;
+}
+
+.btn-group button:hover {
+	background-color: #008800;
+}