forms updated

src/lib/css/form.css

@@ -0,0 +1,46 @@
+form{
+	background-color: var(--nord5);
+	display: flex;
+	flex-direction: column;
+	max-width: 600px;
+	gap: 0.5em;
+	margin-inline: auto;
+	justify-content: center;
+	align-items: center;
+	padding-block: 2rem;
+	margin-block: 2rem;
+}
+label{
+	font-size: 1.2em;
+}
+input{
+	display: block;
+	font-size: 1.2rem;
+}
+button{
+	 background-color: var(--red);
+	 color: white;
+	 border: none;
+	 padding: 0.5em 1em;
+	 font-size: 1.3em;
+	 border-radius: 1000px;
+	 margin-top: 1em;
+	 transition: 100ms;
+}
+button:hover,
+button:focus-visible
+{
+	scale: 1.1;
+}
+p{
+	max-width: 400px;
+	margin-top: 0;
+}
+h4{
+	margin-bottom:0;
+}
+@media screen and (max-width: 600px){
+	form{
+		margin-top: 0;
+	}
+}