div.navbar {
overflow: hidden;
  background-color: #800000; /* #b57e36; */
        display: flex;
        justify-content: space-between; /* Items will be spaced at the start and end */
        position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  margin: 0px auto auto;
  box-shadow: 0px 3px 10px 3px #888888;
    }

    .navbar-left {
        display: flex;
        }

    .navbar-right {
        display: flex;
    }
    
    
 div.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
  font-size: 18px;
	font-family: "Computer Modern Serif","Roboto", sans-serif;
  font-weight: bold;
  font-style: normal;
  
}

div.navbar a:hover {
  background: #ddd;
  color: black;
}

div.main{
	max-width: 980px;
  	margin: 30px auto auto;
  	padding: 20px;
  	background-color: #FFFCF5;
}

body
{
	margin: 0px;
	background-color: #FFFCF5;
}

.verb {
font-family: monospace;
font-size: 110%;
}

.snugframed{
    font-size: 100%;
}

figure>div>p {
  background-color: white;
  box-shadow: rgba(0,0,0, 0.35) 0px 6px 20px;
}

div.figurecaption{
padding-top:20px;
}

div.snugframed{
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

main.bodycontainer{
box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.12) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.4) 0px 0px 0px 1px inset;
}



.latexfont {
    font-family: "Computer Modern Serif", "Linux Libertine O", "Hoefler Text", "Garamond",
        "Bembo", "Janson", "TeX Gyre Pagella", "Palatino",
        "Liberation Serif", "Nimbus Roman No 9 L",  "FreeSerif", Times,
        "Times New Roman", serif;
    color: black ;
    text-shadow: none ;
}

.mkquant {
    color: #800000;
    font-size: 30px;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 5px;
    letter-spacing: 1px;
    transition: text-shadow 2s ease;
}

.mkquant-hover:hover{
    text-shadow: 0px 0px 10px rgba(128, 0, 0, 0.5);
}

.center-maxwidth{
    font-size: 25px;
    max-width: 700px;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}

.glowing-box{
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
border-radius: 25px;

padding: 30px 30px;
margin-bottom: 30px;
}

.glowing-box li::marker{
    color:#800000;
}

.width700px{
    max-width: 700px;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}

hr.hrstyle {
    margin-top:20px;
    margin-bottom:20px;
    border: none;
    border-top: 3px double #333;
    color: #800000;
    overflow: visible;
    text-align: center;
    height: 5px;
}
hr.hrstyle:after {
    background: #FFFCF5;
    content: '//\\\\';
    padding: 0px 4px;
    position: relative;
    top: -14px;
}

div.buttons-investments{
    margin-top: 10px;
    padding:10px;
}

a.investments-button{
    border-radius: 5px;
    background-color: #ddd;
    padding:10px;
}

div.table-investments {
    font-size: 14px;
}