@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;1,500;1,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap");
body { background-color: #fff; padding: 0px; font: 16.0px/1.5 Crimson Pro, serif; color: #595959; font-weight: 400; margin: 0; }

.pub-row { display: flex; align-items: center; }

.social-icons a { display: inline-block; height: 2.4rem; width: 2.4rem; background-color: transparent; color: #B4D572 !important; border-radius: 100%; text-align: center; font-size: 1.15rem; line-height: 2.5rem; margin-right: 1rem; }

.social-icons a:last-child { margin-right: 0; }

.social-icons a:hover { background-color: white; color: black; transform: scale(1.2); }

/*
.social-icons a:after { content: ''; display: block; margin: 0px; height: 1px; width: 0px; background: transparent; transition: width .5s ease, background-color .5s ease; } .social-icons a:hover:after { width: 100%; background: #337ab7; } */
@media { .social-icons a:last-child { margin-right: 0; }
  .social-icons a:hover { background-color: #20212b; color: black; transform: scale(1.2); }
  /* .social-icons a:after { content: ''; display: block; margin: 0px; height: 1px; width: 0px; background: transparent; transition: width .5s ease, background-color .5s ease; } .social-icons a:hover:after { width: 100%; background: #a0b0ff; } */ }
.icon-button { background-color: white; border-radius: 3.6rem; cursor: pointer; display: inline-block; font-size: 2.0rem; height: 3.6rem; line-height: 3.6rem; margin: 0 5px; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.6rem; }

.icon-button span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 0; }


email { font-size: 14px; font-family: "Ubuntu Mono"; }

.icon-button i { background: none; color: white; height: 3.6rem; left: 0; line-height: 3.6rem; position: absolute; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 3.6rem; z-index: 10; }


.icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-github, .icon-button:hover .icon-linkedin { color: white; }

autocolor { color: #595959; }

lightonly { visibility: visible; }

darkonly { visibility: hidden; }

education { font-weight: 500; font-size: 115%; }

papertitle { font-weight: 600; font-size: 100%; }

@media { body { background-color: #0D1321; color: #dadbdf; }
  autocolor { color: #dadbdf; }
  lightonly { visibility: hidden; }
  darkonly { visibility: visible; }
  papertitle { color: #eeeff0; } }
.image { border-radius: 0.35em; border: 0; display: inline-block; position: relative; }

.image:before { -moz-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; border-radius: 0.35em; content: ''; display: block; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; }

.image.avatar {  }

.image.avatar:before { display: none; }



#header .image.avatar { }

h3, h4, h5, h6 { font-weight: 600; color: #EEA144; margin: 0 0 20px; }

h1 { font-weight: 500; color: #EEA144; margin: 0 0 20px; }

h2 { color: #EEA144; font-weight: 500; margin: 2px 0px 15px; font-size: 157%; }


p, ul, ol, table, pre, dl { margin: 0 0 20px; }

h1, h2, h3 { line-height: 1.1; }

h1 { font-size: 28px; }

a { color: #F5864E; text-decoration: none; }

a:hover { color: #F5864E; }


a small { font-size: 11px; color: #777; margin-top: -0.3em; display: block; }

a:hover small { color: #777; }

.wrapper { width: 960px; margin: 0 auto; }

blockquote { border-left: 1px solid #e5e5e5; margin: 0; padding: 0 0 0 20px; font-style: italic; }

code, pre { font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; color: #333; }

pre { max-width: 500px; padding: 8px 15px; background: #f8f8f8; border-radius: 5px; border: 1px solid #e5e5e5; overflow-x: auto; }

table { width: 100%; border-collapse: collapse; }

th, td { text-align: left; padding: 5px 10px; border-bottom: 1px solid #e5e5e5; }

dt { color: #444; font-weight: 500; }

th { color: #444; }


img { max-width: 100%;   border-top-left-radius: 15px; /* Rounded top-left corner */
    border-top-right-radius: 15px;}
header {

text-align: center;
}


@media (min-width: 1500px) {
  header {
    transform: translateY(-50%) translateX(-75%);  top: 50%;
    width: 400px;
  position: fixed;
  background-color:#45512A ;
  border-radius: 15px; /* Rounded edges */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-font-smoothing: subpixel-antialiased;
  }
  
}

@media (max-width: 1500px) {
  header {
    transform: translateY(-50%) translateX(-30%);  top: 50%;
    width: 400px;
  position: fixed;
  background-color:#45512A ;
  border-radius: 15px; /* Rounded edges */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-font-smoothing: subpixel-antialiased;
  }
  
}


header ul { list-style: none; height: 40px; padding: 0; background: #f4f4f4; border-radius: 5px; border: 1px solid #e0e0e0; width: 270px; }

header li { width: 89px; float: left; border-right: 1px solid #e0e0e0; height: 40px; }

header li:first-child a { border-radius: 5px 0 0 5px; }

header li:last-child a { border-radius: 0 5px 5px 0; }

header ul a { line-height: 1; font-size: 11px; color: #999; display: block; text-align: center; padding-top: 6px; height: 34px; }

header ul a:hover { color: #999; }

header ul a:active { background-color: #f0f0f0; }

strong { color: #222; font-weight: 500; }

@media { strong { color: #eeeff0; } }
header ul li + li + li { border-right: none; width: 89px; }

header ul a strong { font-size: 14px; display: block; color: #222; }

section { width: 650px; float: right; padding-top: 4.0em; padding-bottom: 50px; }

small { font-size: 11px; }

hr { border: 0; background: #e5e5e5; height: 1px; margin: 0 0 20px; }

footer { width: 232px; float: left; position: fixed; bottom: 30px; -webkit-font-smoothing: subpixel-antialiased; text-align: center; }
.sidebar {
  position: fixed;
  top: 0;
  right: 0px;
  width: 64px; 
  height: 100%; 
  background-color: #B6CEB9; /* Light pink color */
  padding-top: 20px; /* Adjust top padding to align with tabs */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.currentTab {
  position: fixed;
 top: 10px;
  right: -100px;
  width: 100px;
  background-color:  #0D1321;
  color: white;
  text-align: center;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  
  transform-origin: top left; /* Set transform origin to top left */
  transform: rotate(90deg); /* Rotate the tab */
}
.tab {
  position: fixed;
 top: 135px;
  right: -100px;
  width: 100px;
  background-color: #232915;
  color: white;
  text-align: center;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 
  transform-origin: top left; /* Set transform origin to top left */
  transform: rotate(90deg); /* Rotate the tab */
}


.currentTab a {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}
.tab a {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}

.tab a:hover {
  text-decoration: underline;
}


@media (max-width: 900px) {
  header {

    transform: none;
    width: 80%;
    position: static;
    margin: 0 auto;
    text-align: center;
    background-color: #45512A ;
    
  }
  
  body {

    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
    word-wrap: break-word;
  }

  .wrapper {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  section {
    width: 100% !important;
    float: none !important;
    padding: 0 20px !important; 
  }

  footer {
    width: 100% !important;
    float: none !important;
    position: static !important;
    text-align: center;
  }
  
}
@media (max-width: 900px) {
  .sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 54px; /* Adjust height as needed */
    background-color: #B6CEB9;
    padding-top: 0;
    z-index: 100; /* Ensure the sidebar is above other content */
  }

.currentTab {
    position: fixed;
left:5px;
    width: 100px;
    background-color: #0D1321;
    color: white;
    text-align: center;
    padding: 10px;
    border-radius:  10px 10px 0 0 ;
    transform: none;
    
  }

  .tab {
    position: fixed;
left:135px;
top:10px;
    width: 100px;
    
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 10px 10px  0 0;
    
    transform: none;
    
  }


  .currentTab a, .tab a {
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
  }

  
}



@media print { body {  font-size: 12pt; color: #444; } }
.biblink { text-decoration: none; display: inline; margin-right: 0px; }

.fakelink { text-decoration: none; cursor: pointer; }

.bibref { font-size: 70%; margin-top: 10px; margin-left: 0px; display: none; font-family: monospace; }