*
{
	box-sizing:border-box;
}

body
{
	margin:0px;
}

nav
{
	height:65px;
	display:flex;
	gap:2%;
}

.part1
{
	width:50%;
	padding:1%;
	display:flex;
	gap:inherit;
	
}

.list
{
	font-size:18px;
	padding:1.8%;
}

.a
{
	color:grey;
}


.web-logo
{
	width:10%;
	height:40px;
}

.part2
{
	width:50%;
	padding:1%;
	display:flex;
	gap:2%;
}

.get-btn
{
	padding:1.5%;
	height:38px;
	font-size:18px;
	width:30%;
	text-align:center;
	background-color:#3874FF;
	color:white;
	border-radius:5px;
	
}

.b
{
	margin-left:35%;
}

.baner
{
	height:450px;
}

.web-btn
{
	width:15%;
	display:flex;
	font-size:17px;
	margin:auto;
	font-weight:bold;
	
}

.web-logo2
{
	width:15%;
	height:40px;
}

.made
{
	padding:1%;
	margin-top:3%;
	margin-left:2%;
}

.title
{
	font-weight:bold;
	font-size:60px;
	width:70%;
	margin:auto;
	padding-top:1%;
}

.sub-title
{
	font-size:22px;
	color:grey;
	font-weight:bol;
	margin-left:16%;
	margin-top:1.5%;
}

.input
{
	width:45%;
	padding:0.7%;
	margin-left:25%;
	margin-top:1.5%;
	font-size:18px;
}

.op-nav
{
	display:flex;
	gap:2%;
	width:70%;
	margin:auto;
	padding-top:1.7%;
}

.op1
{
	background-color:#EEEEEE;
	border-radius:5px;
	width:4.5%;
	padding:0.7%;
	text-align:center;
	font-weight:bold;
	font-size:17px;
}

.op2
{
	width:15%;
	border:2px solid currentcolor;
	color:blue;
}

.wdt
{
	width:15%;
}

.filter
{
	height:100%;
	width:100%;
}

h2
{
	padding:1%;
	font-size:27px;
	margin-left:1%;
}

.sub-hd
{
	margin-top:-27px;
	margin-left:2%;
	color:grey;
	font-size:17px;
}

.row1
{
	display:flex;
	gap:3%;
	width:inherit;
	height:250px;
	margin-top:2%;
	padding:1%;
}

.img1
{
	width:30%;
	height:240px;
	background-color:transparent;
	margin-left:1%;
	padding:inherit;
	border:2px solid black;
	border-radius:2%;
}

.im1
{
	width:100%;
	height:80%;
}

.flt
{
	font-size:20px;
	font-weight:bold;
	margin-top:2%;
}


.blr:hover
{
	filter:blur(4px);
}
.bght:hover
{
	filter:brightness(70%);
}
.cntrst:hover
{
	filter:contrast(70%);
}

.drop:hover
{
	filter: drop-shadow(4px 4px 10px rgba(0,0,0,0.5));
}

.gray:hover
{
	filter: grayscale(100%);
}

.hue:hover
{
	filter: hue-rotate(90deg);
}
.invt:hover
{
	filter: invert(100%);
}

.opty:hover
{
	filter: opacity(40%);
}

.stat:hover
{
	filter: saturate(300%);
}

.spe:hover
{
	filter: sepia(100%);
}

.footer
{
	margin-top:5%;
}

.f-main
{
	column-width:100%;
	column-count:5;
	padding:0.5%;
	column-gap:2px;
	margin-left:1%;
}	

select
{
	width:80%;
	padding:1%;
}

.icn
{
	color:white;
	font-size:20px;
	margin-left:2%;
}