@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Cookie&family=Edu+NSW+ACT+Hand+Pre:wght@400..700&family=Italianno&family=Meie+Script&family=Playwrite+IN:wght@100..400&display=swap');

body{
	background-color:black;
	overflow-x:hidden;
}
.aside{
	height:740px;
	width:250px;
	border-right:1px solid #262626;
	position:fixed;
}
.div{
	margin:10%;
	padding-top:3px;
	font-size:19px;
	font-weight:bold;
	color:white;
	font-family: "Playwrite IN", cursive;
	cursor:pointer;
}
.insta{
	color:white;
	font-size:25px;
	margin-left:3.5%;
}
.insta1{
	margin-left:5px;
}
.div1{
	height:4.5%;
	width:70%;
	margin:10%;
	padding-top:4px;
	display:flex;
	font-size:27px;
	color:white;
	background-color:black;
	border:none;
	cursor:pointer;
}
.div1:hover{
	background-color:#1A1A1A;
	border-radius:5px;
	border:1px solid #262626;
	font-size:25px;
}
.colorbtn{
	font-weight:bold;
}
.margin5{
	margin-left:11%;
}
.home{
	margin:3.2%;
	padding-left:5%;
	font-size:17px;
}
.margin , .icon1 , .icon3{
	padding-top:2px;
}
.icon1{
	height:70%;
	width:13%;
}
.icon3{
	height:26px;
}
.icon3{
	width:14%;
	border-radius:100px;
}
.search{
	height:98%;
	width:25%;
	background-color:black;
	margin-left:5%;
	border-right:1px solid #292929;
	border-left:1px solid #292929;
	border-radius:10px;
}
hr{
	border:1px solid #292929;
	margin-top:5%;
}
.search1{
	font-size:25px;
	font-weight:bold;
	color:white;
	margin-left:5%;
}
.input1{
	height:15px;
	width:94%;
	padding:5%;
	font-size:15px;
	border-radius:10px;
	margin:3%;
	background-color:#363636;
	color:white;
	border:none;
}
.recent{
	font-size:18px;
}
.nosearch{
	height:70%;
	width:100%;
	font-weight:bold;
	color:#A8A8A8;
	display:flex;
	justify-content:center;
	align-items:center;
}
.follow{
	display:flex;
	cursor:pointer;
}
.follow:hover{
	background-color:#121212;
}
.profile1{
	height:40px;
	width:40px;
	border-radius:50px;
	padding:1.5%;
}
.more{
	color:gray;
	cursor:pointer;
}
.margin2{
	margin-top:2%;
}
.Fname{
	font-size:15px;
	margin:5px;
	margin-top:2.5%;
	color:white;
	letter-spacing:1px;
}
.Fbtn{
	background-color:#0095F6;
	color:white;
	padding:8px;
	padding-left:6%;
	width:15.5%;
	margin:2%;
	margin-left:4%;
	border-radius:10px;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
}
.Fbtn:hover{
	background-color:#1877F2;
}
.Fwidth{
	width:21%;
	margin-left:12%;
	background-color:#363636;
}
.Fpadding{
	padding-left:2%;
}
.Fwidth:hover{
	background-color:#262626;
}
.Fimage{
	height:92%;
	width:12.5%;
	border-radius:10px;
	margin-left:6%;
}
.create{
	height:12%;
	width:13%;
	background-color:#262626;
	margin-left:2%;
	margin-bottom:9.5%;
	border-radius:8px;
	font-size:18px;
}
.postdiv{
	color:white;
	height:45%;
	width:95%;
	margin-top:1px;
	padding-left:5%;
	border-radius:5px;
	cursor:pointer;
}
.postdiv:hover{
	background-color:#3C3C3C;
}
.postimg{
	height:27px;
	width:27px;
	margin-left:60%;
}
.posticon{
	font-size:24px;
	margin-top:3px;
	margin-left:66%;
	display:inline-block;
}
.postM{
	margin-top:4%;
}
.reel{
	height:100%;
	width:82%;
	background-color:red;
	margin-left:17.5%;
}
.reel1{
	height:700px;
	width:30%;
	margin:1%;
	background-color:blue;
	position:relative;
}
.Rvideo{
	width:100%;
	height:100%;
	object-fit:cover;
}
.reel-text{
	margin:3%;
	background-color:red;
	position:absolute;
	bottom:0;
}
.message{
	height:100%;
	width:95%;
	background-color:black;
	margin-left:5%;
}
.msgdiv{
	height:100%;
	width:25%;
	float:left;
	border-left:1px solid #292929;
	border-right:1px solid #292929;
}
.fontmsg{
	width:90%;
	font-size:21px;
	color:white;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-left:10px;
	padding-top:7px;
	cursor:pointer;
}
.Ebox{
	font-size:25px;
}
.input2{
	background-color:#131313;
	margin-top:0;
}
.note{
	height:75px;
	width:20%;
	border-radius:50px;
	margin:5%;
	cursor:pointer;
}
.p{
	color:#A8A8A8;
	margin-top:0;
	font-size:14px;
	margin-left:8%;
	cursor:pointer;
}
.msg{
	display:flex;
	justify-content:space-between;
	color:white;
	margin:6%;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}
.msg1{
	font-size:15px;
	color:gray;
}
.listmsg{
	width:100%;
	color:white;
	display:flex;
	align-items:center;
	font-weight:bold;
	cursor:pointer;
}
.listmsg:hover{
	background-color:#121212;
}
.msgimg{
	height:58px;
	width:16%;
	border-radius:50px;
	margin-left:5%;
}
.color2{
	font-size:13px;
	color:#A8A8A8;
}
.Mmargin{
	margin-top:7%;
}
.side{
	height:100%;
	width:74.5%;
	display:flex;
	justify-content:center;
	align-items:center
}
.sidediv{
	height:27%;
	width:30%;
	margin:2%;
	text-align:center;
}
.icon4{
	height:39%;
	width:25%;
	color:white;
	margin:2%;
	border-radius:50px;
	border:5px solid white;
	display:inline-block;
}
.Micon{
	font-size:50px;
	margin:15%;
	display:inline-block;
}
.msg2{
	font-size:20px;
	color:white;
}
.send{
	color:white;
	background-color:#0095f6;
	border:none;
	padding:3%;
	margin-top:4%;
	border-radius:10px;
	cursor:pointer;
}
.send:hover{
	background-color:#1877F2;
}
.anker{
	text-decoration:none;
}

/* Explore  */

main{
	height:692px;
	width:100%;
	padding-top:2%;
	display:flex;
	flex-wrap:wrap;
	overflow:auto;
}
.Eimage{
	height:96%;
	width:43.2%;
	margin-left:25%;
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
}
.imgmargin{
	margin-left:3px;
	margin-top:3px;
}
.video-margin{
	margin-top:0;
}
.video-margin1{
	margin-left:0;
}
.Eimg{
	height:330px;
	width:320px;
	background-color:black;
	cursor:pointer;
	position:relative;
}
.Eimg1:hover{
	opacity:0.5;
}
.hover{
	display:none;
	left:34%;
	top:46%;
	position:absolute;
	font-size:20px;
	font-weight:bold;
	color:white;
}
.Eimg:hover .hover{
	display:block;
}
.video{
	height:665px;
	width:320px;
	background-color:white;
	cursor:pointer;
	position:relative;
}
.video:hover .Vmargin1{
	display:block;
}
.Vmargin{
	margin-left:25%;
	margin-top:3px;
}
.Vmargin1{
	position:absolute;
	top:46%;
	left:34%;
	font-size:20px;
	font-weight:bold;
	color:white;
	display:none;
}