@media screen {
body {

        margin-left:15%;margin-right:15%;
	color: #001133;
  	background-color:#f2f2f2;	
	width: 70%;
	font-family: Arial; font-size:1vw;
	
}
}

h1{ font-size:3vw;
    text-align: center;
    color: #001133;
    font-family: Arial;
    font-weight:normal;
}


h2 {
	text-align: left;
	color: #002266;
	font-family:Helvetica;
	margin-left: 20px;
}

h3 {
    text-align: left;
    margin-left: 20px;
    font-family:Helvetica;
}

h4 {
    font-size:1.5vw;
    margin-left:20px;
    margin-bottom:10px;
    margin-top:25px;
    font-family:Helvetica;
    text-align:left;
    font-weight:normal;
    font-family:Arial;
}
h5 {
    font-size:1.1vw;
    margin-left:20px;
    margin-bottom:10px;
    margin-top:25px;
    font-family:Arial;
    text-align:left;
    font-weight:normal;
}
.internal_head{
    font-family:Arial;
    text-align:left;
    font-size:0.8vw;
    font-weight:normal;
}

ul {
	text-align:left;
	margin-left:2%;
	margin-right:0;
	font-size: 1vw;
	font-family: Arial;
}

ol {
	text-align:left;
	margin-left:40px;
	margin-right:40px;
	font-size:1vw;
		line-height: 1.2;
}

ol li {
    margin-bottom:0.5vw;font-size:1vw;
}

li {
    margin: 10px 0; font-size:1vw;
}	

table {
    margin-left: 3%;
    margin-top:2%;
    margin-right:5%;
    margin-bottom:2%;
    vertical-align:top;
    border-spacing: 3%;
    font-family:Arial;
    font-size:1vw;
}

td {
    padding: 0px;
    text-align:left;
    vertical-align:top;
    margin-right:0;
    margin-left:2%;
    font-family:Arial; font-size:1vw;
}

p {
    font-size: 1vw; margin-left:3%; margin-right:0%; text-align:justify;
}

p.center{
    font-size: 1vw; margin-left:3%; margin-right:0%; text-align:center;
}

br {
	line-height: 50%;
}

.image {
    float: right;
    width: 25%;
    height: 25%;
    margin-left:5%;
    margin-right:1%;
    margin-top:5%;
    margin-bottom:5%;
    border: 1px solid #111;
}


.topnav{

}    
 

.topnav a {
  font-size:1vw;
  color: black;
  width:80%;
  float: center;
  text-align: center;
  padding-left:9%;
  padding-right:9%;
  padding-top:5%;
  padding-bottom: 5%;
  margin:0px;
  text-decoration: none;
}

.topnav a:hover {
  color:  blue;
}

.topnav a:active {
  color:  blue;
}

.journal_link{
    text-decoration:none;
    color:#0000ff;
}
.journal_link:visited{
    color: #0000ff;
}

.arxiv_link{
    text-decoration: none;
    color: #004d00;
}
.arxiv_link:visited{
    text-decoration: none;
    color: #004d00;
}


.journal_button {
  background-color:  #003399;
  border: none;
  color: white;
  padding-left:15px;
  padding-right:15px;
  padding-top:15px;
  padding-bottom:15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.3vw;
  cursor: pointer;
  border-radius:4px;   /* for rounding the button  */
  display: block; /* Makes the button a block-level element */
  margin: 0 auto; /* Sets top/bottom margins to 0 and left/right margins automatically to center it */
  width: fit-content; /* Optional: Prevents the button from taking the full width of the page */
}

.arxiv_button {
  background-color:  #5DC384;
  border: none;
  color: white;
  padding-left:4px;
  padding-right:4px;
  padding-top:3px;
  padding-bottom:3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9vw;
  margin-left: 2px;
  cursor: pointer;
}

.journal_button:hover {
  background-color: #3399ff;
  color: white;
}

.arxiv_button:hover {
  background-color: #16502C;
  color: white;
}


hr.navbar {
    border: 1px solid black;
}