* {
	font-family: Arial, sans-serif;
	font-size: 30px;
 	color: #6d6875;
 	text-decoration: none;
 	text-transform: uppercase;
 	font-weight: 600;
 	background: #ffcdb2;
 	border-radius: 40px;
}

.button {
 border: 4px solid #663D45;
 color: #663D45;
 width: 250px;
 height: 60px;
 display: block;
 text-align: center;
 line-height: 60px;
 background: #ffb4a2;
}   

.b1 {
 position: absolute;
 top: 7%;
 left: 50%;
 transform: translate(-50%, -50%);
}    

 .button:hover {
 	transition: 0.8s;
 	background: #e5989b;
 }

 .button:active {
 	border: 4px solid #b5838d;
 	color: #b5838d;
 }

.main{
	margin-top:120px;
}

h1 {
	font-size: 32px;
	text-align: center;
	color:#663D45;
}

h2 {
	font-size: 24px;
	color:#663D45;
}

p{
	font-size: 20px;
	text-transform: none;
	color:#663D45;
}

.section {
	display: flex;
	margin-top: 40px;
	margin-left: 10%;
}

.text {
	flex:4;
	margin-left: 20px;
	
}

.box {
	position: relative;
	overflow:hidden;
	width:300px;
	height:300px;
	flex:2;
}

.box img {
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:300px;
	height:300px;
	object-fit:cover;  
}

.filler{
	flex:1;
	width:300px;
	height:300px;
}

h2:hover,p:hover{
	transition: 0.2s;
	color: #6d6875;
}

.b2{
 position: absolute;
 top: 150%;
 left: 50%;
 transform: translate(-50%, -50%);
}   

.b3{
 position: absolute;
 top: 162%;
 left: 50%;
 transform: translate(-50%, -50%);
}