@charset "utf-8";
/* W7 Exercise stylesheet */

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 14pt;
	letter-spacing: 0.5pt;
}

p {
	padding-left: 60px;
	padding-right: 60px;
	text-align: center;
}

#navi {
	list-style: none;
	text-align: center;
}

	#navi li {
		display: inline;
		margin: 25px;
	}

	#navi a:link, a:visited {
		color:black;
		font-size: 25px;
		font-weight: 500;
		text-decoration: none;
	}

	#navi a:hover, a:active {
		color:mediumblue;
	}

#Home {
	background:url("image_1.jpg") no-repeat center fixed;
	background-size: cover;
	height: 800px;
	
}

	h1 {
		text-align: left;
		padding-top: 50px;
		padding-left: 50px;
		padding-right: 1200px;
		padding-bottom: 70px;
		color: white;
		font-size: 40px;
	}
	h2 {
		padding-left: 100px;
		padding-right: 100px;
	}

.box1 {
	height: 70px;
	width: 70px;
	background-color: #792DA5;
	margin-left: 210px;
	border-radius: 10px;
}

.box2 {
	height: 70px;
	width: 70px;
	background-color: #040A9C;
	margin-left: 210px;
	border-radius: 10px;
}

.box3 {
	height: 70px;
	width: 70px;
	background-color: #F9DBFF;
	margin-left: 210px;
	border-radius: 10px;
}

.box4 {
	height: 70px;
	width: 70px;
	background-color: #040A9C;
	margin-left: 600px;
	border-radius: 10px;
}

.column {
	text-align: center;
	float: left;
	width: 30%;
	padding-left: 30px;
	padding-right: 20px;
}

.img2{
	width: 600px;
	height: auto;
	background:url("emphasise.png");
	background-size:contain;
	float:left;
}

.img3{
	width: 600px;
	height: auto;
	background:url("communicate.png");
	background-size:contain;
	float:right;
}

.flex-container {
  display: flex;
  background-color: #F9DBFF;
}

.flex-container > div {
  margin: 10px;
  padding: 70px;
}



#Sec2{
	background: white;
}

#Sec3{
	background:#F9DBFF;
	background-clip: padding-box;
	padding: 100 100 250 50;
}

#Sec4{
	width:1300px;
	margin: auto;
}