* {
  margin: 0;
  padding: 0; 
}





.author {
  font-size:15px ;
  font-family: var(--font13);
}


.name-adjust {
  font-family: var(--font1);
}


.navigation {
  overflow: hidden;
  font-family: var(--font1);
  /* height: 74px;  */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navigation {
  margin-top: 25px;
  font-family: var(--font3);
  /* height: 74px;  */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-left {
  display: flex;
}

.nav-left span {
  font-size: 35px;
  padding-top: 10px;
}

.nav-left ul {
  display: flex;
  align-items: center;
  margin: 0 77px;
  font-size: 22px;
  padding-bottom: 23px;
}

.nav-left ul li {
  list-style: none;
  margin: 0 14px;
  font-family: var(--font1);
  transition: all 0.3s ease-in-out;
}



/* The dropdown container */
.nav-left ul .dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.nav-left ul .dropdown .dropbtn {
  font-size: 21px; 
  border: none;
  margin-top: 0px;
  outline: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  color: rgb(11, 4, 4);
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
   /* Important for vertical align on mobile phones */
}







/* Dropdown content (hidden by default) */
.nav-left ul .dropdown-content {
  font-size: 15px;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}

/* Links inside the dropdown */
.nav-left ul .dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.nav-left ul .dropdown-content a:hover {
  background-color: rgb(235, 130, 130);
}

/* Show the dropdown menu on hover */
.nav-left ul .dropdown:hover .dropdown-content {
  display: block;
}




.nav-left ul li a {
  text-decoration: none;
  color: black;
}

.nav-left ul li a:hover {
  color: var(--main-bg-color);
  font-weight: bolder;
}

.nav-left ul .dropdown button a:hover {
  color: var(--main-bg-color);
  font-weight: bolder;
}

.content {
  height: 100%;
  display: flex;
  margin-top: 32px;
  padding: 9px;
  position: relative;
}

.content::after {
  content: "";
  background-image: url("../img/11.svg");
  position: absolute;
  width: 100%;
  height: inherit;
  opacity: 0.15;
  border-radius: 12px;
}

.content-left {
  font-family: var(--font1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 49px;
  z-index: 1;
}

.content-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-right img {
  height: 355px;
  border: 2px solid black;
  border-radius: 200px;
}

.home-articles {
  padding: 18px;
  background-color: rgb(248, 239, 239, 0.5);
  margin-top: 23px;
  position: relative;
}

.year-box {
  position: absolute;  
  right: 0px;
  top: 100px;
  width: 234px;
  height: 255px;
  font-size: 18px;
}

.year-box div {
  margin: 12px 0px;
}

.home-article {
  display: flex;
  margin: 25px;
}

.home-article img {
  width: 300px;
}

.home-article-content {
  align-self: center;
  padding: 25px;
}

.home-article-content a {
  text-decoration: none;
  color: black;
}


/* New Clear Filter container */
.clear-filter-box {
  margin-bottom: 12px;
  text-align: right;
}



/* .home-articles{} */
.footer {
  height: 50px;
  background-color: var(--main-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-direction: column;
}





.mk-border{border:1px solid #ccc!important}
.mk-white,.mk-hover-white:hover{color:#000!important;background-color:#fff!important}
.mk-padding-large{padding:12px 24px!important}
.mk-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}  
.mk-disabled,.mk-btn:disabled,.mk-button:disabled{cursor:not-allowed;opacity:0.3}.mk-disabled *,:disabled *{pointer-events:none}
.mk-btn.mk-disabled:hover,.mk-btn:disabled:hover{box-shadow:none}
.mk-btn,.mk-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.mk-dropdown-hover:hover > .mk-button:first-child,.mk-dropdown-click:hover > .mk-button:first-child{background-color:#ccc;color:#000}
.mk-bar-block .mk-dropdown-hover .mk-button,.mk-bar-block .mk-dropdown-click .mk-button{width:100%;text-align:left;padding:8px 16px}
.mk-bar .mk-button{white-space:normal}
.mk-dropdown-hover.mk-mobile,.mk-dropdown-hover.mk-mobile .mk-btn,.mk-dropdown-hover.mk-mobile .mk-button,.mk-dropdown-click.mk-mobile,.mk-dropdown-click.mk-mobile .mk-btn,.mk-dropdown-click.mk-mobile .mk-button{width:100%}
.mk-button:hover{color:#000!important;background-color:#ccc!important}


.mk-container:after,.mk-container:before,.mk-panel:after,.mk-panel:before,.mk-row:after,.mk-row:before,.mk-row-padding:after,.mk-row-padding:before,
.mk-cell-row:before,.mk-cell-row:after,.mk-clear:after,.mk-clear:before,.mk-bar:before,.mk-bar:after{content:"";display:table;clear:both}
.mk-container,.mk-panel{padding:0.01em 16px}.mk-panel{margin-top:16px;margin-bottom:16px}
.mk-dark-grey,.mk-hover-dark-grey:hover,.mk-dark-gray,.mk-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.mk-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.mk-margin-top{margin-top:16px!important}.mk-margin-bottom{margin-bottom:16px!important}
.mk-black,.mk-hover-black:hover{color:#fff!important;background-color:#000!important}
.mk-disabled,.mk-btn:disabled,.mk-button:disabled{cursor:not-allowed;opacity:0.3}.mk-disabled *,:disabled *{pointer-events:none}
.mk-btn.mk-disabled:hover,.mk-btn:disabled:hover{box-shadow:none}
.mk-padding-small{padding:4px 8px!important}.mk-padding{padding:8px 16px!important}.mk-padding-large{padding:12px 24px!important}
.mk-margin-bottom{margin-bottom:16px!important}






mark {
  background-color: #ffe58a;
  color: #000;
  padding: 0 3px;
  border-radius: 3px;
}