/* open-sans-regular - latin */
@font-face {
  font-family: 'barlow';
  font-style: normal;
  font-weight: 400;
  src: local('barlow regular'), local('barlow regular'),
       url('../fonts/barlow.woff') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}

@font-face {
  font-family: 'atlantico';
  font-style: normal;
  font-weight: 400;
  src: local('atlantico'), local('atlantico'),
       url('../fonts/atlantico.woff') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/atlantico.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}


html, body {background:#000 url(../pix/bg_sarga.webp); color:#95e3e3;font-family:"barlow",sans-serif;font-size:20px;margin:0; height:100%; scroll-behavior:smooth;}
main {height: 100%; max-height: 100%; overflow-x: hidden; -webkit-perspective: 1px; perspective: 1px; -webkit-perspective-origin: center top; perspective-origin: center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
header {height: 100%;}
section {padding:20px;}

header .headerwrap .headertext{padding: 10% 0;}
header .headerwrap .headertext .title{padding: 10% 0; text-align:center;}
header .headerwrap .headertext .title h1{color:#9bf806;font-family:atlantico, sans-serif;text-transform:uppercase;font-weight:600;font-size:130px;line-height:1;margin:0 0 -30px 0;padding:0;transform: perspective(400px) rotateX(45deg); background-image: url(../pix/bg_sarga_inv.webp); background-size: 720px; background-repeat: repeat; color: transparent; -webkit-background-clip: text; background-clip: text;}
header .headerwrap .headertext .title h2 {color:#95e3e3;font-family:atlantico, sans-serif;text-transform:uppercase;font-weight:200;font-size:68px; letter-spacing:0.25px; line-height:1;margin:0;padding:0;}
header .headerwrap .headertext .title img{display:none;}

.arrow {color:#9bf806;font-family:atlantico; font-size:30px; text-align:center; -webkit-animation: arrow 2s ease infinite; animation: arrow 2s ease infinite;}

@-webkit-keyframes arrow {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}
@keyframes arrow {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}

a{outline:0;text-decoration:none;color:#9bf806;}
a:hover,a:visited{text-decoration:none;color:#9bab81;}
section {width:800px; text-align:left;margin:0 auto; margin-bottom:25px; padding:0; padding-bottom:25px; display:block;}
section span.info{cursor:pointer; border-bottom:1px dotted; padding:1px;}
section h1{color:#95e3e3;margin:0;}
section h2,h3{color:#95e3e3;font-size:30px; line-height:30px; font-weight:600; margin:0 0 10px 0; font-family:"barlow", sans-serif;text-transform:uppercase; text-align:center;display: grid; grid-template-columns:1fr auto 1fr; grid-template-rows:16px 0; grid-gap:22px;}
section h2:after, section h2:before {content:" "; display: block; border-bottom:2px solid #95e3e3;}
section strong{color:#95e3e3;}

p {margin:0 0 10px 0;}

.outline{min-height: 100%; width:100%; -webkit-transform: translateZ(0); transform: translateZ(0);}

table {width:800px !important; border-collapse:collapse;}
td {vertical-align: top; word-break: break-word; hyphens:auto; border-bottom: 1px solid #9bf806;}
table {border-top: 1px solid #9bf806;}
td.year {min-width:40px; max-width:40px;}
td.title {min-width:360px; max-width:360px; padding-right:10px;}
td.label {min-width:300px; max-width:300px; padding-right:10px}
td.format {min-width:80px; max-width:80px;}

ul{list-style:none;margin:0 0 20px!important;}
li{hyphens:auto;}
li:before{content:"▴";margin-left:-40px;}

ul ~ h2 {margin-top:20px !important;}

img {max-width:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%); -webkit-box-shadow: 0px 0px 25px -7px #111; -moz-box-shadow: 0px 0px 25px -7px #111; box-shadow: 0px 0px 25px -7px #111;}

blockquote{display:block;position:relative; margin:0; padding:0;}

hr{font-size:0;border:0;width:100%;margin:10px 0;}
hr:before{content:"";font-size:11px;color:#95e3e3;}

::selection,::-moz-selection{color:#000;background:#95e3e3;}

.fasz {text-align:center;}

.hidden {display:none;}
.hidden p:first-child {margin-top:12px;}

@media screen and (max-width:767px) {
main {margin:0; padding:0;}
.outline {width:100%;font-size:14px; line-height:20px; margin:0px auto;padding:0; margin-left:-10px;}
.wrap {margin:0px !important; padding:0 !important; max-width:93%;}
.fasz {font-size:14px;}
h2,h3{font-size:18px;}
section{clear:all;width:90%;padding-bottom:20px;margin:0 0 10px 10px;}
aside{clear:all;width:90%; margin:0 0 0 10px}
header .headerwrap .headertext .title h1{height:auto;font-size:50px; margin:0 0 -18px 0 !important;}
header .headerwrap .headertext .title h2{height:auto;font-size:24px;}
ul {max-width:90%;}
ul.date {margin-left:10px !important;}
ul.date li{border:3px solid #ccc !important; left:-20px; position:relative;}
li {line-height:20px;}

table {width:100%;}
td.year {max-width:5%;}
td.title {max-width:70%;}
td.label {max-width:10%;}
td.format {max-width:15%;}
}