body {
    background-image: url("/static/img/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    mask-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6))
}
.portal-main {
    background-color: rgba(0, 0, 0, 0.1);
}
.logo {
    font-family: "Rockwell";
}
section::before {
    display: block;
    height: 6rem;
    margin-top: -6rem;
    content: "";
}
.card {
    max-width: 460px;
}
img {
    user-drag: none; 
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
ul.list-unstyled > li {
    padding: 14px;
}
.menu_card {
    min-width: 10rem;
    max-width: 10rem;
    height: 10rem;
    background: rgba(184, 184, 184, 0.1)
}
.neoncard {
  /* width: 655px; */
  /* height: 380px; */
  position: relative;
  top: -100px;
  z-index: 2;
  border-radius: 20px;
 }
  .neoncard .content {
    width: 100%;
    height: 100%;
    background-color: #0c1016;
    opacity: 90%;
    border-radius: 15px; }
  .neoncard::before, .neoncard::after {
    content: "";
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 18px;
    background-image: linear-gradient(0deg, #eeeeee, #00a5f8);
    background-size: 100% 200%;
    background-position: center center;
    top: -3px;
    left: -3px;
    animation: spin 3000ms infinite alternate; }
  .neoncard::after {
    filter: blur(100px); }

@keyframes spin {
    0% {
        background-position: top center; }
    100% {
        background-position: bottom center; }
}

/* custom scrollbar */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}