* {
		margin: 0;
		padding: 0;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
	}
	
	.container {
		width: 100%;
		height: 100vh;
		background-image:
		linear-gradient(rgb(155, 226, 130), rgb(136, 219, 98));
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.container h1 {
		color: rgb(4, 42, 209);
		font-weight: 700;
		font-size: 40px;
		text-align: center;
font: optional;
	}
	
	.converter-row {
		display: flex;
		width: 50%;
		justify-content: space-between;
		align-items: center;
		background: rgb(0, 0, 0);
		border-radius: 10px;
		padding: 50px 20px;
	}
	
	.col {
		flex-basis: 32%;
		text-align: center;
	}
	
	.col label {
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 10px;
		color: #fff;
	}
	
	.col input {
		width: 150px;
		height: 30px;
		background: white;
		border-radius: 5px;
		text-align: center;
	}