.mytopp{
  font-size: 1.2em;
  font-weight: 700;
}

.mynav-item {
  border-right: 2px solid #222222;
  transition: all .3s linear;
  font-family: 'Li Ador Noirrit', Arial, sans-serif !important;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}
.mynav-item:hover {
  background: #f0003c;
  color: #ffffff!important;
  transition: all .3s linear;
  font-size: 18px;
  font-weight: 600;
}
.myactive {
  background: #f0003c;
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 600;
}

.mydrop{
  background: black;
    color: white !important;
    border-radius: 0px;
}


.button-92 {
  --c: #fff;
  /* text color */
  background: linear-gradient(90deg, #0000 33%, #fff5, #0000 67%) var(--_p,100%)/300% no-repeat,
    #004dff;
  /* background color */
  color: #0000;
  border: none;
  transform: perspective(500px) rotateY(calc(20deg*var(--_i,-1)));
  text-shadow: calc(var(--_i,-1)* 0.08em) -.01em 0   var(--c),
    calc(var(--_i,-1)*-0.08em)  .01em 2px #0004;
  outline-offset: .1em;
  transition: 0.3s;
}

.button-92:hover,
.button-92:focus-visible {
  --_p: 0%;
  --_i: 1;
}

.button-92:active {
  text-shadow: none;
  color: var(--c);
  box-shadow: inset 0 0 9e9q #0005;
  transition: 0s;
}

.button-92 {
  font-weight: bold;
  font-size: 2rem;
  margin: 0;
  cursor: pointer;
  padding: .1em .3em;
}