JavaScript/Pavlov_hm7/css/style.css

body{
	background: linear-gradient(to bottom, #1e9a6a 0%,#2ad887 50%,#7ee8b5 100%) no-repeat;
}
.block{
	display: flex;
	flex-direction: column;
	background: #C6FCE6;
	width: 500px;
	padding:100px 50px 50px;
	margin:10vh auto;
	border: solid 10px #84BBA5;
	align-items: center;
}
.block input{
	width: 75%;
	height: 50px;
	margin-bottom: 30px;
	background: #98F9D2;
	border: solid 4px #31A275;
	font-size: 25px;
	padding: 2.5px 10px;
	color: #31A275;
	text-align: center;
}
.block input::placeholder{
	color: #84BBA5;
}
.block button{
	width: 50%;
	height: 40px;
	margin-bottom: 20px;
	background: #B3FCDE;
	border: solid 4px #31A275;
	font-size: 20px;
	color: #31A275;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 600;
	transition: all 0.5s ease;
}
.block button:hover{
	border: solid 4px #84BBA5;
	background: #31A275;
	color: #B3FCDE;
}
table{
	border: solid 10px #84BBA5;
	margin:20vh auto;
	background: #C6FCE6; 
	cursor: pointer;
}
td{
	width: 40px;
	height: 40px;
	text-align: center;
	color: #31A275;
}
tr{
	background: #B3FCDE;	
}