Upload New File

css/style1.css

+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background-color: lightblue;
+	border-radius: 20px;
+	margin: auto;
+	background: #8d7a7a;
+	padding: 0;
+
+}
+
+#particles-js {
+	background-image: url(uploads/index.jpg);
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-position: middle;
+	font-family: sans-serif;
+	height: 680px;
+}
+
+.loginbox {
+	width: 320px;
+	height: 420px;
+	background: transparent;
+	color: black;
+	top: 50%;
+	left: 50%;
+	position: absolute;
+	transform: translate(-50%, -50%);
+	box-sizing: border-box;
+	padding: 50px 20px;
+}
+
+.loginbox #sa {
+	margin-left: 0px;
+}
+
+.avatar {
+	width: 100px;
+	height: 100px;
+	border-radius: 50%;
+	position: absolute;
+	top: -50px;
+	left: calc(50% - 50px);
+}
+
+h1 {
+	margin: 0;
+	padding: 10px 0 20px;
+	text-align: center;
+	font-size: 25px;
+}
+
+.button {
+	margin: 10px 23px;
+	border: none;
+	height: 30px;
+	width: 230px;
+	background: red;
+	border-radius: 10px;
+	color: white;
+	transition: 0.8s;
+}
+
+.loginbox button:hover {
+	cursor: pointer;
+	background: blue;
+	color: yellow;
+}
+
+.input {
+	font-weight: bold;
+	width: 100%;
+	margin-bottom: 20px;
+}
+
+.loginbox input[type="text"],
+input[type="password"] {
+	border: none;
+	border-bottom: 1px solid black;
+	background: transparent;
+	outline: none;
+	height: 20px;
+	color: tomato;
+	font-size: 12px;
+}
+
+.loginbox input[type="submit"] {
+	border: none;
+	outline: none;
+	height: 35px;
+	background: red;
+	color: white;
+	border-radius: 10px;
+
+}
+
+.loginbox input[type="submit"]:hover {
+	cursor: pointer;
+	border-radius: 50px;
+}
\ No newline at end of file