@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@400;700&display=swap");

body {
  font-family: "Lexend", sans-serif;
  background-color: #ffffff;
  color: #ffffff;
}

.slider {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  background-size: cover;
  background-position: center;
}

.slide.current {
  opacity: 1;
}