@import url("base.css");

.hero {
	text-align:center;
	padding:5px;
	background:linear-gradient(to right,#dff6ff,#bfe9ff);
}

.mycontainer {
width:90%;
margin:auto;
padding:30px;
}

.services {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
}

.service-box {
	background:white;
	padding:20px;
	border-radius:10px;
	box-shadow:0 0 10px gray;
	flex:1;
	text-align:center;
}

.service-box:hover{
	transform:scale(1.05);
}

.about {
	background:white;
	padding:15px;
	border-radius:10px;
	box-shadow:0 0 10px gray;
}

main {
	background-image: url("home_page.jpeg");
	background-size: 100vw 100vh;
}