@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Luckiest+Guy&display=swap');

body{
    margin:0;
    padding: 0;
    overflow:hidden;
}
.wrapper{
  transform: rotate(-90deg);
  transform-origin:bottom right;
  
  position:absolute;
  top: -100vw;
  right: 0;
  
  height:100vw;
  width:100vh;
  
  overflow:hidden;
  background-image: url("../img/bg.jpg");
}
.head{
  font-family: "Luckiest Guy", cursive;
  font-size: 300px;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
  animation: glow 5s infinite alternate;
}
#dagens{
  font-size: 70px;
  font-weight: bold;
  color: #000000;
}
.product-dagens{
  font-size: 40px;
  font-weight: bold;
  color: #080808
}
.product-divider-dagens{
  border-top: 10px dotted #fff;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
.product {
  font-size: 50px;
  font-weight: bold;
  color: #000000;
  padding: 0px;
  margin: 0px;
}
.slider-box {
  height: 800px;
}
.slider-name {
  font-family: "Luckiest Guy", cursive;
  font-size: 70px;
  font-weight: 200;
  font-style: normal;
  color: #ffffff;
  text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
  animation: glow 1.5s infinite alternate;
}
.slider-img {
  height: 650px;
}
.carousel-item {
  transition: transform 1s ease, opacity .1s ease-out
}

@keyframes glow {
    0% {
        text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    }
    100% {
        text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff;
    }
}