main.page-wrapper {
        overflow: hidden;
      }

      .page-loading {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .4s .2s ease-in-out;
        transition: all .4s .2s ease-in-out;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 9999;
      }
      .page-loading.active {
        opacity: 1;
        visibility: visible;
      }
      .page-loading-inner {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        opacity: 0;
      }
      .page-loading.active > .page-loading-inner {
        opacity: 1;
      }
      .page-loading-inner > span {
        display: block;
        font-family: 'effra', sans-serif;
        font-size: 1rem;
        font-weight: normal;
        color: #737491;
      }
      .page-spinner {
        display: inline-block;
        width: 2.75rem;
        height: 2.75rem;
        margin-bottom: .75rem;
        vertical-align: text-bottom;
        border: .15em solid #766df4;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spinner .75s linear infinite;
        animation: spinner .75s linear infinite;
      }
      @-webkit-keyframes spinner {
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      @keyframes spinner {
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      
[data-aos=shift-perspective] {
  transform: skewX(90deg);
  opacity: 1;
  transition-property: transform;
}
[data-aos=shift-perspective].aos-animate {
  transform: skewX(0);
}

.navbar {z-index: 10;}


html {
    scroll-behavior: smooth;
}

pre {
    font-weight: 300;
}

.thin {
    font-weight: 300;
}

.navbar {
    position: absolute;
    right: 0;
}

section {
    align-items: center;
    justify-content: center;
    width: 100%;
}

body,
.tootip,
.popover {
    font-family: effra, sans-serif;
}

a {
    text-decoration: underline;
}

.navbar a {
    text-decoration: none;
    font-size: smaller;
}

.flame-logo {
    width: var(--flame);
    height: var(--flame);
    border-radius: calc(var(--flame)/4);
}

.flame-logo img {
    position: relative;
    top: calc(var(--flame)/6.5);
    height: calc(var(--flame)/1.618);
    width: calc(var(--flame)/1.325);
}

.flame-vertical {
    background: rgb(153, 51, 153);
    background: linear-gradient(0deg,
            rgba(153, 51, 153, 1) 0%,
            rgba(255, 0, 102, 1) 24%,
            rgba(255, 0, 51, 1) 60%,
            rgba(255, 102, 0, 1) 100%);
}

.flame-semi-bottom {
    background: rgb(153, 51, 153);
    background: linear-gradient(0deg,
            rgba(153, 51, 153, 1) 0%,
            rgba(255, 51, 153, 1) 100%);
}

.flame-semi-top {
    background: rgb(153, 51, 153);
    background: linear-gradient(0deg,
            rgba(255, 0, 102, 1) 0%,
            rgba(255, 0, 51, 1) 100%);
}

.progress-bar,
hr,
.hr {
    background-image: linear-gradient(90deg,
            rgba(153, 51, 153, 1) 0%,
            rgba(255, 0, 102, 1) 24%,
            rgba(255, 0, 51, 1) 60%,
            rgba(255, 102, 0, 1) 100%);
}

hr,
.hr {
    height: 3px;
    border-top: none;
}

*:focus,
.form-control:focus {
    outline: 0 none;
    box-shadow: none !important;
}

::-moz-selection {
    color: #fff;
    background: #993399;
}

::selection {
    color: #fff;
    background: #993399;
}

.text-white::-moz-selection {
    color: #993399;
    background: #fff;
}

.text-white::selection {
    color: #993399;
    background: #fff;
}

.card-flip-back, .card-flip-front {border-radius: 0;}

.nav-link-style {font-weight: 300;}