JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Форма</title>
  <link rel="stylesheet" href="reset.css">
  <style>
	
	body{
		background-color: #11234D;
	}
	
	form{
		box-sizing: border-box;
		width: 642px;
		height: 327px;
		background-color: #2B417A;
		margin: 18px auto;
		padding-top: 22px;
		padding-left: 132px;
		box-shadow: 2px 2px 7px black;
	}
	
	label{
		color: #8DACFE;
	}
	
	input{
		box-sizing: border-box;
		width: 307px;
		height: 22px;
		background-color: #182A50;
		border: none;
		border-bottom-color: #3F5272;
		border-right-color: #3F5272;
		border-bottom-style: solid;
		border-right-style: solid;
		border-bottom-width: 1px;
		border-right-width: 1px;
		color: white;
		display: block;
		margin-bottom: 17px;
	}
	
	input:nth-child(4){
		display: block;
		box-sizing: border-box;
		width: 310px;
		height: 111px;
		overflow: auto;
	}
	
	button{
		box-sizing: border-box;
		width: 124px;
		height: 36px;
		background-color: black;
		outline: none;
		color: #8DACFE;
		text-transform: uppercase;
		border: none;
	}
	
	input:nth-child(4)::before{
		content: "Имя";
		color: #728ED9;
		font-family: serif;
		font-size: 16px;
	}
	
  </style>
 </head>
 <body>
  	<form>
		<input type = "text">
		<input type = "text">
		<input type = "text">
		<input type = "text">
		<button>Отправить</button>
	</form>
 </body>
</html>