body{
font-family:Arial, sans-serif ;
padding: 0;
margin: 0;
}

.admin-username{
	font-weight: bold;
	color:#ffffff;
}
.main-blog-card {
	width: 100%;
}
.category-aside {
	width: 100%;
}
.main-blog {
	width: 100%;
}
.aside-main {
	width: 30%;
}

.w-450 {
	width: 450px;
}
.vh-100 {
	min-height: 100vh;
}
/*admin*/
.section-1 {
	width: 100%;
	padding: 15px;
}
.main-table {
   width: 90%;
   max-width: 700px;
}
.react-btns i {
	font-size: 24px;
	color: #222;
	cursor: pointer;
}
.react-btns a  {
	text-decoration: none;
	color: #222;
	cursor: pointer;
}
.react-btns a:hover  {
	opacity: .8;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .aside-main {
  	display: none;
  }
  .main-blog {
	width: 100%;
  }
  .main-blog-card {
	width: 100%;
}
}

body{
font-family:Arial, sans-serif ;
padding: 0;
margin: 0;
}

.admin-username{
	font-weight: bold;
	color:#ffffff;
}
.main-blog-card {
	border-radius: 14px;
	box-shadow: 0 2px 16px rgba(0,0,0,0.06);
	border: none;
	overflow: hidden;
}

.card-img-auto {
    height: 250px;       
    object-fit: cover;    
    width: 100%;
    object-position: center;
    display: block;          
}
.main-blog-card .card-title {
  color: #2e7d32;
  font-weight: bold;
}
.main-blog-card .btn-primary {
  background: #2e7d32;
  border: none;
  border-radius: 20px;
  padding: 6px 22px;
  font-weight: 500;
  transition: background 0.2s;
}
.main-blog-card .btn-primary:hover {
  background: #2e7d32;
}
.category-aside {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.07);
	background: #fff;
	min-width: 220px;
  margin-left: 30px;
}
.category-aside .list-group-item {
  border: none;
  border-bottom: 1px solid #f0f0f0;
  padding: 14px 20px;
  font-weight: 500;
  color: #2e7d32;
  background: transparent;
  transition: background 0.2s, color 0.2s;
}
.category-aside .list-group-item:last-child {
  border-bottom: none;
}
.category-aside .list-group-item.active,
.category-aside .list-group-item:hover {
  background: #2e7d32;
  color: #fff;
}
.main-blog {
	width: 100%;
}
.aside-main {
	width: 30%;
}

.w-450 {
	width: 450px;
}
.vh-100 {
	min-height: 100vh;
}
/*admin*/
.section-1 {
	width: 100%;
	padding: 15px;
}

.react-btns i {
	font-size: 24px;
	color: #222;
	cursor: pointer;
}
.react-btns a  {
	text-decoration: none;
	color: #222;
	cursor: pointer;
}
.react-btns a:hover  {
	opacity: .8;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .aside-main {
  	display: none;
  }
  .main-blog {
	width: 100%;
  }
  .main-blog-card {
	width: 100%;
}
}


/*nav*/
.navbar {
  border-bottom: 1px solid black;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: 56px;
}
.navbar-nav {
  display: flex;
  align-items: center;
  gap: 20px; /* space between links */
}

.navbar .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
    padding-top: 8px;
  padding-bottom: 8px;
}
.navbar-nav .nav-separator {
  color: #bbb;
  font-weight: bold;
  padding: 0 8px;
  user-select: none;
  pointer-events: none;
  font-size: 1.1em;
  line-height: 1;
  display: flex;
  align-items: center;
}