@font-face {
font-family: SignicaNegative;
src: url("./fonts/SignikaNegative-SemiBold.ttf") format("truetype");
}


@font-face {
font-family: BarlowSemibold;
font-style: normal;
src: url("./fonts/Barlow/Barlow-Medium.ttf") format("truetype");
}

@font-face {
font-family: BarlowItalic;
font-style: italic;
font-weight: 700;
src: url("./fonts/Barlow/Barlow-BoldItalic.ttf") format("truetype");
}


/* 
   var. 1 = #A2EF00 = rgb(162,239,0)
   var. 2 = #88B32D = rgb(136,179,45)
   var. 3 = #699B00 = rgb(105,155,0)
   var. 4 = #BBF73E = rgb(187,247,62)
   var. 5 = #CBF76F = rgb(203,247,111)

*/

img {
max-width: 100%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

b {

 font-family: 'BarlowSemibold';
}


em {
 font-family: 'BarlowItalic';
}

body {
background: #ffffff;
//color: #88B32D;
color: #000000;
font-size: 14pt;
 font-family: 'SignicaNegative', Helvetica, 'Helvetica Neue', Arial, sans-serif;
 line-height: 1.2em;
 margin: auto;
max-width: 100%;
height: auto;
/* fix na antialiasing na applu? */
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;

}


#header {
/*column-count: 1;
column-span: all;
max-width: 100%;
*/
/*background-color: yellow;*/
padding: 0.5em;
margin: 0.5em;
}

#arxivindex {
text-align: center;
float: right;
}


#middle{

-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
  -webkit-column-width: 20em;
     -moz-column-width: 20em;
          column-width: 20em;
margin: auto;
max-width: 100%;
column-fill: balance;
}

#footer {
padding: 1em;
 font-size: 0.8em;
//background-color: yellow;
}

ul {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;


}


div {

/*overflow: hidden;*/ /* fix for Firefox */
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
display: inline-block;

}


div.navig {
 background:#bbbbbb;
 padding:0.5em;
}

div.level0 {
background:#000000;
padding:0.8em;
margin:0.2em;
color: #000000;
}


div.level1 {
background:#111111;
padding:0.8em;
color: #000000;
margin:0.2em;
}


div.level2 {
background:#333333;
padding:0.8em;
color: #000000;
margin:0.2em;
}



li {
margin-bottom: 0.5em;
line-height: 1.3em;
max-width: 23em;
}

li.new {
background: #aaaaaa;
border: #aaaaaa 5pt solid;
}

li.today {
background: #cccccc;
border: #cccccc 5pt solid;
}

h1 {
font-size: 4em;
line-height:1em;
margin-top: 0em;
margin-bottom: 0em;
padding-bottom: 0.2em;
background: #000000;
color: #00ff00;
}

H1 A:link {
        color: #00ff00;
	border-bottom: 3pt solid #000000;
}

H1 A:hover {
 border: none;
 color: #000000;
}

h2 {
font-size:2.2em;
padding: 0.3em;
margin: 0.1em;
color: #ffffff;
background: #000000;
line-height: 1.2em;

}

h2 a:link {
color: red;
	border-bottom: 1pt solid red;
}

h2 a:hover {
color: black;
background: red;
border: none;
}


h3 {
background: #000000;
font-size: 1.8em;
font-weight: 800;
padding: 0.5em;
margin-bottom: 0em;
color: #ffffff;
word-break: break-all;
}

h3 a:link {
color: black;

}


.channel_info {
color: #444444;
}

.channel_info a:link {
color: #444444;
text-decoration: underline;
/*border-bottom: 1pt solid #444444;*/
}

.channel_info a:hover {
color: #000000;
background-color: #444444;
text-decoration: underline;
/*border-bottom: 1pt solid #444444;*/
}

.channel_info a:visited {
color: #555555;
text-decoration: underline;
}

.section {
background: #888888;
padding: 1em;
font-size: 120%;
line-height: 120%;
}

a.section:link {
text-decoration: underline;
color: #000000;
}

a.section:visited {
text-decoration: underline;
color: #000000;
}

a.section:hover {
text-decoration: underline;
color: #000000;
}

#sources {
 padding: 0.5em;
 color: #555555;
 line-height: 150%;
}

#sources a:link {
color: #555555;
}

#sources a:visited {
color: #555555;
}

#sources b {
color: #555555;
}

@media not screen and (max-width: 600px) {
 #sources {
  visibility: hidden;
  clear: both;
  display: none;
 }
}


a:link {
text-decoration: none;
color: #000000;
padding: 3px;
}

a:visited {
text-decoration: none;
color: #111111;

}



A:hover{
	color: #000000;
/*	border: 2px solid #00ff00;*/
	background-color: #00ff00;

}