html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
  
.glow {
    text-shadow: 0 0 10px #9547E0,
                 0 0 20px #9547E0,
                 0 0 30px #9547E0,
                 0 0 40px #9547E0;
  }
  .bg-gradient-overlay {
    background: linear-gradient(
      to bottom,
      #241A2D 0%,
      rgb(36 26 45 / 80) 50%,
      #241A2D 100%
    );
  }
  .hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .bg-primary-darker {
    --tw-bg-opacity: 1;
    background-color: rgb(36 26 45 / var(--tw-bg-opacity));
  }
  .bg-primary-darker\/50 {
    background-color: rgb(36 26 45 / 0.5);
  }
  .bg-primary-light\/10 {
    background-color: rgb(62 44 84 / 0.1);
  }
  .bg-primary-light\/20 {
    background-color: rgb(62 44 84 / 0.2);
  }
  .bg-primary\/20 {
    background-color: rgb(149 71 224 / 0.2);
  }
  .bg-red-900\/20 {
    background-color: rgb(127 29 29 / 0.2);
  }
  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .bg-white\/50 {
    background-color: rgb(255 255 255 / 0.5);
  }
  .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }


html,body {
  font-size: 14px;
  color: white;
}


.bunder {border-radius:16px;}

.nav-link,.navbar-brand {color:white;}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.btn-purple,.bg-purple {
  background-color:#9547E0;
  color:white;
  font-size: 12px;
  padding:3px;
}

.text-purple {color: #9547E0;}

.btn-purple:hover {
  background-color:#6414B1;
  color:white;
  font-size: 12px;
  padding:3px;
}

.mtt-3 {margin-top: -8px;}
a,.dropdown-item {
color:white;
text-decoration: none;
}

.glass {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}

.glass-dark {
background: rgba(8, 25, 72, 0.4);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(8, 25, 72, 0.3);
}
.glass-darkness {
background: rgba(8, 25, 72, 0.6);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(8, 25, 72, 0.3);
}
.glassing:hover {
background: rgba(8, 25, 72, 0.4);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(8, 25, 72, 0.3);
border-radius: 20px;
}
.glassing-light:hover {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(8, 25, 72, 0.3);
border-radius: 20px;
}

.dropdown-item:hover {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(8, 25, 72, 0.3);
color:white;
}

.hide {
  display: none;
}
    
.searching:hover + .hide {
  display: block;
}

footer h3 {
font-size : 20px;
}

.page-link {
background: rgba(8, 25, 72, 0.4);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(8, 25, 72, 0.3);
color: white;
border:none;
}

.pagi:hover {
background-color: #9547E0;
color:white;
border:none;
}
.navbar-toggler {border:none;}
::placeholder {color:white;}

::selection {color: white; background: #9547E0;} 
html{scrollbar-color: #9547E0 transparent;}


/* desktop */
@media only screen and (min-width: 600px) {
  .mobile {
    display: none;
  }
.header_date {
font-size: 4vw;
}
.text_dates {
font-size: 10vw;
}
.sub_dates {
font-size: 36px;
margin-top: -40px;
}
.sub_text_dates {
font-size: 36px;
}
.mtv {
margin-top: -20px;
}

}

/* tab */
@media only screen and (max-width: 600px) {
  .desktop {
    display: none;
  }
.header {margin-top: 65px;}
.header_date {
font-size: 46px;
}
.timer {position: block center;}
.text_datess {
font-size: 46px;
}

}

html, body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body::-webkit-scrollbar {
  display: none;
}