body {
	margin:0%;
	padding:0%;
	background-color:black;
	font-family: "Roboto Condensed", sans-serif;
	
}
.header {
	height:450px;
	width:100%;
	background-color:#3D1311;
	display:flex;
}
.heading {
	height:200px;
	width:100%;
	background-color:;
	margin-top:5%;
}
.fontfamily {
	font-weight:bold;
	font-size:40px;
	text-align:center;
	color:white;
	font-family: "Roboto Condensed", sans-serif;
}
	
.smalltext {
	font-weight:bold;
	font-size:16px;
	padding-left:17%;
	color:white;
	font-family:"Roboto Condensed", sans-serif;
}
.title {
	height:60px;
	width:94%;
	background-color:#3D1311;
	font-size:40px;
	color:black;
	font-family: "Roboto Condensed", sans-serif;
	padding-left:6%;
	font-weight:bold;	
	color:white;
}	
.search {
	height:80px;
	width:100%;
	background-color:#3D1311;
	display:flex;
}
.searchbar {
	height:50px;
	width:45%;
	background-color:#1D0B1D;
	margin-left:6%;
	margin-top:2%;
	border-radius:10px;
	font-weight:bold;
	font-size:30px;
}
.Alltypes {
	height:50px;
	width:34%;
	background-color:#392534;
	margin-top:2%;
	border-radius:10px;
	margin-left:2%;
	display:flex;
}
.type {
	height:35px;
	width:22%;
	background-color:black;
	margin-top:1%;
	border-radius:10px;
	margin-left:2%;
	text-align:center;
	padding-top:1.5%;
	font-size:18px;
	color:white;
	font-weight:bold;
	font-family: "Roboto Condensed", sans-serif;
}
.type2 {
	height:35px;
	width:22%;
	background-color:#392534;
	margin-top:1%;
	border-radius:10px;
	margin-left:2%;
	text-align:center;	
	padding-top:1.5%;
	font-size:18px;
	font-weight:bold;
	color:white;
	font-family: "Roboto Condensed", sans-serif;
}
.parent {
	width:100%;
	background-color:#0E0918;
	display:flex;
	
}
.main {
	height:60px;
	width:100%;
	background-color:#1D0B1D;
	display:flex;
	
}
.categories {
	height:50px;
	width:10%;
	background-color:#1D0B1D;
	margin-left:6%;
	margin-top:0%;
	font-size:22px;
	font-weight:bold;
	color:white;
	font-family: "Roboto Condensed", sans-serif;
}
.integretion {
	height:30px;
	width:15%;
	background-color:#1D0B1D;
	margin-left:13%;
	margin-top:0%;
	font-size:22px;
	font-weight:bold;
	padding-top:1.8%;
	color:white;
	font-family: "Roboto Condensed", sans-serif;
}
.popularity {
	height:15px;
	width:12%;
	background-color:#0E0817;
	margin-left:27%;
	font-size:16px;
	font-weight:bold;
	padding-top:1.3%;
	border-radius:10px;
	text-align:center;
	padding-bottom:2%;
	margin-top:0.5%;
	color:white;
	border:2px solid lightgrey;
}
.sidebar {
	height:100%; 
	width:30%;
	background-color:#0E0918;
}
.listtag {
	height:65px;
	width:94%;
	background-color:#0E0918;
	font-size:18px;
	color:white;
	font-family: "Roboto Condensed", sans-serif;
}
.select {
	height:390px;
	width:80%;
	background-color:#0E0918;
	margin-left:15%;
	font-size:18px;
	color:white;
	font-family: "Roboto Condensed", sans-serif;
}
.space{
	margin-top:4%;
}
.tag {
	height:360px;
	width:94%;
	background-color:#0E0918;
	font-size:18px;
	color:white;
	font-family: "Roboto Condensed", sans-serif;
}
.maincontent {
	width:100%;
	height:100%;
	background-color:red;
}
.backdiv {
	width:100%;
	background-color:#0E0918;
	display:flex;	
	
}
.boxes {
	height:280px;
	width:28%;
	background-color:grey;
	margin-left:1%;
	margin-top:4%;
	border-radius:10px;
}
.google {
	height:90px;
	width:40%;
	background-color:lightgrey;
	margin-left:28%;
	margin-top:8%;
	border-radius:10px;
}
.text {
	padding-left:5%;
	color:lightgrey;
	font-size:17px;
	font-family: "Roboto Condensed", sans-serif;
}
.automation {
	height:350px;
	width:100%;
	background-color:#0E0918;
	display:flex;
	font-family: "Roboto Condensed", sans-serif;
	flex-direction:column;
}
.automation2 {
	height:50px;
	width:100%;
	background-color:#0E0918;
	margin-top:10%;
	color:white;
}
.text9 {
	font-size:23px;
	text-align:center;
}
.parent2 {
	height:70px;
	width:100%;
	background-color:#0E0918;
	display:flex;
	margin-top:1%;
	justify-content:space-evenly;
}
.child {
	height:50px;
	width:10%;
	background-color:#0E0918;
}	
.parent3 {
	height:500px;
	width:95%;
	background-color:#3D1311;	
	margin-left:2.5%;
	margin-top:2%;
	border-radius:20px;
	display:flex;
}
.headchild {
	height:380px;
	width:60%;
	background-color:#3D1311;	
	margin-left:20%;
	margin-top:3%;
}
.head5 {
	text-align:center;
	font-size:50px;
	color:white;
}	
.text10 {
	text-align:center;
	font-size:20px;
	color:white;
}
.btnnn {
	margin-left:40%;
	height:50px;
	width:18%;
	border-radius:10px;
	background-color:#FE671A;
	font-size:16px;
	font-weight:bold;
}
.parent4 {
	height:470px;
	width:100%;
	background-color:red;
	display:flex;

}
.child2 {
	height:380px;
	width:47%;
	border-radius:20px;
	background-color:#13345C;
	margin-top:5%;
	margin-left:2%;
}	
.text11 {
	font-size:22px;
	padding-left:4%;
	padding-top:5%;
	color:white;
}
.mt {
	height:50px;
	width:30%;
	background-color:;
	margin-left:3%;
	margin-top:20%;
	display:flex;
}
.mt2 {
	height:50px;
	width:8%;
	background-color:blue;
	margin-left:4%;
	margin-top:1%;
	border-radius:50px;
}