/* latin */
@font-face {
  font-family: Sans-serif;
  font-size: 14pt;
  font-display: swap;
  text-align: justify;
  src: url(/fonts/font.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  font-family: Sans-serif;
  background-image: url('/img/yf.jpg');
}

.language-select a {
  font-size: 2em;
  text-decoration: none;
}

.big {
  font-size:14pt;
}

.carousel-inner > .item > img {
  width:auto;
  height:360px;
}

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  border-radius: 0;
}

/* Add a gray background color and some padding to the footer */
footer {
  background-color: #ffd700;
  padding: 25px;
  opacity: 0.90;
}

.carousel-inner img {
    width: 100%; /* Set width to 100% */
    margin: auto;
    min-height:200px;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
  .carousel-caption {
    display: none;
  }
}


.img-responsive {
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
}

.img-responsive:hover {
  color: grey;
  -webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
  background-repeat: no-repeat;
  animation: shimmer 1.5s;
}

img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}

img.center {
    display: block;
    margin: 0 auto;
    max-height: 100vh;
    overflow: auto;
}

.container {
  opacity: 0.95;
  background-color: #f2f292;
  margin-top:20px;
  font-size:14pt;
}


.shimmer {
  color: grey;
  display:inline-block;
  -webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
  background-repeat: no-repeat;
  animation: shimmer 4.5s infinite;
  font-size: 50px;
  max-width:200px;
}

@keyframes shimmer {
  100% {-webkit-mask-position:left}
}