#slider-images .slider-image {
    height: 99%;
    width: 100%;
    background-size: 1080px;
    /* background-position: left top; */
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    opacity: 0;
    /*    display: none;*/
    filter: sepia(0.7) contrast(1.2) brightness(1);
    /* background-blend-mode: soft-light; */
    /* background-color: #cb8d0073; */
}


#slider-images {
    height: 100vh;
    position: relative;
    /* -webkit-mask-image: url(../_images/mask.png); */
    /* -webkit-mask-image:  url(../_images/banner-transition-mask.png); */
    -webkit-mask-size: 100% 100%;
    /* -webkit-mask-size: 170px 140px; */
    -webkit-mask-repeat: repeat;
    /* -webkit-mask-repeat: space; */
}



#slider-images .slider-image-cover {
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: 98% 97%;
    background-position: left top;
    z-index: 3;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.slider-button {
    position: absolute;
    z-index: 100;
    font-size: 100px;
    line-height: 32px;
    text-align: center;
    vertical-align: top;
    bottom: 6%;
    height: 90px;
    width: 110px;
    cursor: pointer;
    background: #00000036;
    -webkit-mask-image: url(../_images/mask.png);
    -webkit-mask-size: 160% 140%;
    -webkit-mask-position: 14px 0px;
}

.arrow {
    border: dashed 6px #fffffff5;
    border-left: none;
    border-bottom: none;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.cross {
    border: dashed 6px #fffffff5;
    border-left: none;
    border-bottom: none;
    border-right:none;
    height: 0;
    width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.cross:after {
    content: "";
    border: dashed 6px #fffffff5;
    border-top: none;
    border-bottom: none;
    border-right:none;
    height: 50px;
    width: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.slider-cross {
    right: 0%;
    top: 0;
    rotate: 45deg;
    cursor:pointer;
}

.slider-right {
    right: 0%;
    rotate: 45deg;
    cursor:pointer;
}

.slider-left {
    left: 0%;
    right: 0%;
    rotate: 225deg;
    cursor:pointer;
}











.fade {
  animation: fadeEffect 1s ease-in-out;
}

@keyframes fadeEffect {
  from { opacity: 0.4; }
  to { opacity: 1; }
}




body {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* background: black; */
    font-family: Montserrat, sans-serif;
/*}*/


/*body {*/
/*  margin: 0;*/
/*  background: #111;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  height: 100vh;*/
}


h1, .update {
  margin: 0px;

  text-rendering: optimizeLegibility;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -1px;
  /* text-shadow: rgb(204, 204, 204) 0px 0px 2px; */
  /* background-color: rgb(255, 255, 255); */
  background: #2e0032 url(bg.jpg) 0 0 / cover no-repeat;
  background-attachment: fixed;
  color: #de466c00;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.la {
  margin: 0px;
  /* font-weight: 300; */
  text-rendering: optimizeLegibility;
  font-size: 20px;
  letter-spacing: 0px;
  /* text-shadow: rgb(0 0 0 / 32%) 1px 1px 4px, rgb(0 0 0 / 0%) 2px 4px 12px; */
  filter: blur(0px);
  /* background-color: rgb(255, 255, 255); */
  background: #2a0033 url(bg.jpg) 0 0 / cover no-repeat;
  color: #de466c;
  background-attachment: fixed;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.update {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 1px;
  background-clip: border-box;
  color: white;
  -webkit-text-fill-color: white;
  text-align: center;
}

a {
  /* color: orange; */
}

a:hover {
  background: #250034;
  color: white !important;
  -webkit-text-fill-color: white;
}

* {
  transition: all 400ms ease;
}