html {
  /* text-align: center; justify */
  z-index: 0;
  overflow: auto!important;
  vertical-align: middle;
  /* cursor: url('img/curs-or.png'), auto; */
}

body {
height: 95vh;
color: #555356;
/* vertical-align: middle!important; */
background-color: #f6f6f3; 7a7a7a dedede e9e9e1 f5f5ed
text-decoration-thickness: 5px;
/* max-width: 100%!important; */
/* background-image: url(img/); */
/* ''"#"+Math.floor(Math.random() * 0x1000000).toString(16)'; */
  align: center;  align-items: center; text-align: center;
line-height: 1.25;
/* margin:0;
display:flex;
overflow: inherit;
align-items:center; */
  font-family: courier;
  overflow: auto!important;
}

img{
  display: inline;
  /* position: fixed;
  left: 50%;
  transform: translate(-50%, 0);} */
}

div {
 /* margin: auto; */
  align: center;  align-items: center; text-align: center;
 /* background-color: #efe8d8; */
}

}
/* ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
}
li {
    display: table-cell;
    text-align: center;
    border: 1px solid hotpink;
    vertical-align: middle;
    word-wrap: break-word;
} */

summary::marker {
  /* styles */
}

.vidga{
letter-spacing: 0.25em!important;
}

span {
  letter-spacing: .25em;
  width: 20ch;
}

td {
  /* overflow: hidden; */
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  border: 2px dashed #cee042; white dcd06f
  padding: .35em;
}
table tr:nth-child(even) {
  /* background: #f8f8f8; */
}
table th,
table td {
  padding: .625em;
  text-align: left;
}
table th {
  /* background: #999; */
  color: #cee042; white
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.midOne, .lastOne, .unaOne {
  overflow: hidden;
  /* white-space: nowrap;
  text-overflow: ellipsis; */
}

/* td { width: calc(100%/3); } */

.lastOne{width: 15%;
  text-align: right;
}

.midOne{width: 40%;
  /* text-align: right; */
}

.unoOne{width: 45%;
  /* text-align: right; */
}

p, details, object, table {    padding: 1.5em;
  overflow: auto;
}

@font-face {
    font-family: exemPlaire;
    src:
    url('PinyonScript-Regular.ttf') format('truetype'),
    url('PinyonScript-Regular.woff2') format('woff2'),
    url('PinyonScript-Regular.woff') format('woff');
}

.mini {
    transition: text-shadow 2s ease;
    text-shadow: 3px 6px 9px #cee042
    /* , 3px 5px 7px #dcd06f */
    ;}


.bobbel{
  background-color: #cee042; border:0px solid #cee042; dcd06f
  /* color: white!important; */
   width:33%;border-radius:1em;padding:0.25em;line-height:1;margin:0px;
}

.kauno{
  font-family: 'exemPlaire'; font-size: 1.25em!important; line-height: 1.75; font-size-adjust: inherit;
   text-shadow: 12px 10px 11px 'white';
}

.detail {
  display: inherit!important;
  align-self: center!important;
  align-content: center!important;
}

a:link {
  color:  inherit;
  text-decoration:  underline;
  /* text-decoration:  none; */
  /*cursor: url('img/curs-in.png'), auto;*/

}
a:visited {
	color:  inherit;
  text-decoration:  underline;
  /*cursor: url('img/curs-in.png'), auto;*/

}
a:hover {
  color:  inherit;
  text-decoration:  underline;
  /*cursor: url('img/curs-in.png'), auto;*/

}
a:active {
	color: black;
	text-align: center;
}

video::-webkit-media-controls-fullscreen-button {
    display: inline;
}



.image-container img {
    max-width: 100%;
    height: auto;
}


.image-container {
  position: relative;
  width: 90%;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  border-radius: 5px;
  overflow: hidden;
  animation: zoomIn 0.5s;
        }


/* ----- */

.modal-content {
  position: relative;
  width: 90%;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  border-radius: 5px;
  overflow: hidden;
  animation: zoomIn 0.5s;
}

@keyframes zoomIn {
  from {transform: scale(0.6);}
  to {transform: scale(1);}
}

.modal.show {
  display: flex;
  opacity: 1;
}

/* Close button */
.close {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #ffffff;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.3s;
}

@media screen and (max-width: 768px) {
  .gallery-item {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 480px) {
  .gallery-item {
    width: calc(100% - 20px);
  }