@charset "utf-8";
/* CSS Document */
body{
	font-family: verdana, helvetica, arial;
	overflow: auto;
}
.header{
	margin-top: 30px;
	display: flex;
	max-width: 600px;
	margin: auto;
	justify-content: center;
	flex-direction: column;
}
.text-center{
	text-align: center;
}
a:hover{
	background-color: #FFF1EC;
	color: rgb(6, 6, 158);	
}
.hr-style {
	width: 100%;
	color: #c3c3c3;
	margin-top: 5px;
	margin-bottom: 0px;
}
.imgage{
	margin-top:5px;
	margin-right: 10px;
	margin-bottom: 5px;	
}
.overflow{
	border: 0px solid silver; 
	overflow: auto; 
	width: 100%; 
	height: 200px; 
	color: black;
}
/*start-scrolbar*/	
/* width */
::-webkit-scrollbar {
  width: 2px;
}
/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/*end-scrolbar*/
.main-container{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.post-container{
	justify-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}
.inner-container{
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	position: relative;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;	
	min-height: 90px;
	max-width: 600px; 
	margin: 0 auto; 
	margin-bottom: 20px;
	width:100%;
	border: 1px solid #c3c3c3;
	background-image: url('images/bg.png'); 
	background-position: right bottom; 
	background-repeat: no-repeat;	
}
.top-position-heading-nocursor, .top-position-heading, .top-position-number{
	position: absolute;
	top: -34px;
	left: 18px;
	border-radius: 5px;
	padding: 5px;
	color: rgb(6, 6, 158);
	background-color: #edecf4;
	border: solid; 
	border: 1px solid #c3c3c3;
}
.top-position-heading:hover{
	cursor: pointer;
	background-color: #FFF1EC;
}
.top-position-number{
	right: 18px;
	left: unset;
}
/*start-multibox*/
.mid{
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 20px;
}

.outter-container{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	position: relative;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: 1px solid #c3c3c3;
}
/*end-multibox*/
@media (max-width: 600px) {
	.inner-container {
		margin-left: 10px !important; /* added !important keyword */
		margin-right: 10px !important; /* added !important keyword */
		width: auto; /* removed width property */
}
}
@media only screen and (max-width: 500px){
	.img-resize {
		width: 102px;
		height:auto;
}}