  <link href="https://raw.githack.com/Sibryaevva/voda/main/biib.css"  rel="stylesheet"></link>
   <link href="https://raw.githack.com/Sibryaevva/voda/main/biib2.css"  rel="stylesheet"></link>
   @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:100);

body,

html {

  height: 100%;

  background: #110101;

  font-family: 'Roboto', sans-serif;

  overflow: hidden;

}
.landing {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  overflow: hidden;

}
.landing .slider {

  width: 100vw;

  height: 100vw;

  z-index: 2;

}

.landing .slider * {

  outline: none;

}

.landing .slider .item {

  height: 100vh;

  width: 100vw;

  position: relative;

  overflow: hidden;

  border: none;

}

.landing .slider .item .text {

  display: none;

}

.landing .slider .item img {

  min-width: 101%;

  min-height: 101%;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}
.landing .slick-dots {

  position: fixed;

  z-index: 100;

  width: 40px;

  height: auto;

  bottom: auto;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  left: auto;

  color: #fff;

  display: block;

}

.landing .slick-dots li {

  display: block;

  width: 100%;

  height: auto;

}
.landing .slick-dots li button {

  position: relative;

  width: 22px;

  height: 22px;

  text-align: center;

  border-radius: 50%;

}
.landing .slick-dots li button:before {

  content: '';

  background: #gray;

  color: #white;

  height: 2px;

  width: 20px;

  border-radius: 0;

  position: absolute;

  top: 50%;

  right: 0;

  left: auto;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  -webkit-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

  opacity: 0.6;

}

.landing .slick-dots li.slick-active button:before {

  width: 40px;

  opacity: 1;

}
.landing.landing-right {

  left: 0;

  z-index: 1;

  width: 50vw;

  pointer-events: none;

}

.landing.landing-right .slider {

  left: 0;

  position: absolute;

}
.landing-text {

  position: absolute;

  top: 20%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 100;

  font-size: 80px;

  width: 100vw;

  text-align: center;

  color: #white;

  font-family: 'Roboto Condensed', sans-serif;

  font-weight: 100;

  pointer-events: none;

  text-transform: uppercase;

  letter-spacing: 20px;

  line-height: 0.8;

}
.landing-p {

position: absolute;

top: 5%;

left: 30%;

-webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 100;

  font-size: 20px;

  width: 300vw;

  text-align: center;

  color: #faf0e6;

  font-family: 'Roboto Condensed', sans-serif;

  font-weight: 20;

  pointer-events: none;

  text-transform: uppercase;

  letter-spacing: 10px;

  line-height: 0.8;

}
@media (max-width: 767px) {

  .slideshow-text {

    font-size: 40px;

  }

}
.the-most {

  position: fixed;

  z-index: 1;

  bottom: 0;

  left: 0;

  width: 50vw;

  max-width: 200px;

  padding: 10px;

}

.the-most p {

  max-width: 100%;

}

.includer {

position: fixed;

  z-index: 1;

  bottom: 0;

  right: 10;

  width: 50vw;

  max-width: 200px;

  padding: 10px;

}

.includer p {

  max-width: 100%;

}
a:link,
a:visited {
	color: pink;
	font-weight: bold;
}
a:hover {
	color: #251824;
}
<p><a href="">learn more</a></p>