@import url("/css/bg-img.css?03583d6ef5a65a8a14b2cb4a5b58105efdefa046777d5b99ae05eea4");

    @import url("/css/dark.css?03583d6ef5a65a8a14b2cb4a5b58105efdefa046777d5b99ae05eea4");
    :root {
    --theme-primary-rgb: 33,31,31;
    --theme-secondary-rgb: 33,31,31;

    --theme-bg-page-rgb: 33,31,31;
    --theme-bg-primary-rgb: 33,31,31;
    --theme-bg-secondary-rgb: 33,31,31;

            --theme-community-logo-url: url(/img/samologo.png);
                --theme-bg-image-url: url(/img/ember.png);
    }

    :root {
        --theme-opacity: 0.88;
    }

    .navbar-primary {
        backdrop-filter: blur(10px);
    }

    .page-header {
        background: var(--theme-gradient);
    }

    .page-header {
        clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
                    padding-bottom: 70px;
            }

    .alternatebg:nth-child(2) {
        clip-path: polygon(0 0, 100% 87px, 100% 100%, 0 100%);
        padding-top: 8vh;
        margin-top: -11.5vh;
    }

    .title {
        font-weight: 900;
        text-transform: uppercase;
    }

    .page-header {
        text-align: center;
    }

    :root {
        --theme-border-radius: 1rem;
    }

    .btn, .badge, .card,
    div.table-responsive,
    .form-control, .form-select,
    .form-switch .form-check-input,
    .text-editor .toolbar-bubble .toolbar,
    .modal-content,
    .input-group-text,
    .page-item .page-link.page-link, .page-item span,
    .btn-group > .btn,
    .input-group > .form-control,
    .input-group > .form-select,
    .input-group > .input-group-text,
    .input-group > .btn,
    div.swal2-popup, button.swal2-styled.swal2-styled, .swal2-input, .swal2-select,
    .ace_editor {
        border-radius: var(--theme-border-radius);
    }

    .card-img-top {
        border-top-left-radius: calc(var(--theme-border-radius) - 1px);
        border-top-right-radius: calc(var(--theme-border-radius) - 1px);
    }

    .table {
        margin-bottom: 0;
    }

    .table-responsive {
        margin-bottom: 1rem;
    }

            .page-item .page-link {
            height: 35px;
            width: 35px;
            margin: 0 5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    


	@keyframes glow {
  0% {
    box-shadow: 0 0 10px #eb283d;
  }
  100% {
    box-shadow: 0 0 20px #eb283d;
  }
}

@keyframes glow2 {
  0% {
    box-shadow: 0 0 15px #eb283d;
  }
  100% {
    box-shadow: 0 0 25px #eb283d;
  }
}

@keyframes glow3 {
  0% {
    box-shadow: 0 0 15px #eb283d;
  }
  100% {
    box-shadow: 0 0 25px #eb283d;
  }
}

.badge {
  animation: glow 1.5s infinite alternate;
}

.py-xxl-3 {
  box-shadow: 0 0 20px #eb283d;  
}

.navbar {
  animation: glow3 1.5s infinite alternate;
}

.btn-outline-custom {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
  background-image: none;
}


.card {
  box-shadow: 0 0 15px #42463f;  
}


.card:hover {
    animation: glow2 0.5s infinite alternate;  
  box-shadow: 0 0 15px #002fed;  
}

.modal-content {
  box-shadow: 0 0 15px #42463f;  
}


@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.btn-block {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.btn-block:hover, .btn-block:focus, .btn-block:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
   box-shadow: 0 0 15px #56c20b;  
  color: #56c20b;
  border-color: #56c20b;
}

.nav-item {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.nav-item:hover, .nav-item:focus, .nav-item:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

.navbar-brand {
    
}


.mb-4 {
    display: none;
}

.d-flex.flex-wrap.justify-content-around.text-nowrap  {
    margin: 50px 0px;
}