@import url('https://fonts.googleapis.com/css?family=Kodchasan');

html, body, section{
	height: 100%;
}
body{
	color:#fff;
	text-align:center;
}
.container{
	display:flex;
}
div{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.left{
	background: linear-gradient(rgba(0,0,0,0.85), rgba(255,255,255,0.10)), url(https://img.freepik.com/free-photo/musician-playing-bass_23-2151051578.jpg);
	background-size:cover;
	background-position:center;
	flex:1;
	padding:1rem;
	transition: all .2s ease-in-out;
	
}
.right{
	background: linear-gradient(rgba(0,0,0,0.85), rgba(164,222,102,0.10)), url(https://img.freepik.com/free-photo/portrait-professional-elegant-businessman_23-2150917142.jpg);
	background-size:cover;
	background-position:center;
	flex:1;
	padding:1rem;
	transition: all .2s ease-in-out;
}
.left:hover, .right:hover{
	transform: scale(0.95);
}

.left h1{
	font-family: 'Kodchasan', sans-serif;
	font-size:4em;
}
.right h1{
	font-family: 'Kodchasan', sans-serif;
	font-size:4em;
}
.button{
	border-radius:30px;
	color:#fff;
	text-decoration:none;
	background-color:#fcad26;
	padding:15px 25px;
	margin:0 2%;
	text-align:center;
	font-weight:bold;
	display:inline-block;
	font-size:1.5em;
	cursor:pointer;
	transition:all 0.3s;
	width: 150px;
	
}
.button:hover{
	background: #fcc567;
	color:#fff;
}