.tracking-in-contract {
    -webkit-animation: tracking-in-contract .5s cubic-bezier(.215, .61, .355, 1.000) alternate both;
    animation: tracking-in-contract .5s cubic-bezier(.215, .61, .355, 1.000) alternate both
}

.slide-in-right {
    -webkit-animation: slide-in-right .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-right .5s cubic-bezier(.25, .46, .45, .94) both;

}

.slide-in-left {
    -webkit-animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both;

}

.shadow-drop-center {
    -webkit-animation: shadow-drop-center .4s cubic-bezier(.25, .46, .45, .94) both;
    animation: shadow-drop-center .4s cubic-bezier(.25, .46, .45, .94) both
}

.slide-in-bottom {
	-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}

 @-webkit-keyframes slide-in-bottom {
    0% {
      -webkit-transform: translateY(1000px);
              transform: translateY(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-bottom {
    0% {
      -webkit-transform: translateY(1000px);
              transform: translateY(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  
@-webkit-keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }

    100% {
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35)
    }
}

@keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }

    100% {
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35)
    }
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    100% {
        letter-spacing: normal;
        opacity: 1
    }
}

@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    100% {
        letter-spacing: normal;
        opacity: 1
    }
}

.slit-in {
    -webkit-animation: slit-in-diagonal-2  .6s ease-out both;
    animation: slit-in-diagonal-2 .6s ease-out both
}


@-webkit-keyframes slit-in-diagonal-2 {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes slit-in-diagonal-2 {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.text-blur-in {
    -webkit-animation: text-blur-out .5s cubic-bezier(.55, .085, .68, .53) reverse both;
    animation: text-blur-out .5s cubic-bezier(.55, .085, .68, .53) reverse both
}

@-webkit-keyframes text-blur-out {
    0% {
        -webkit-filter: blur(.01);
        filter: blur(.01)
    }

    100% {
        -webkit-filter: blur(12px) opacity(0);
        filter: blur(12px) opacity(0)
    }
}

@keyframes text-blur-out {
    0% {
        -webkit-filter: blur(.01);
        filter: blur(.01)
    }

    100% {
        -webkit-filter: blur(12px) opacity(0);
        filter: blur(12px) opacity(0)
    }
}

.scaleIn {
    -webkit-animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;

}

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.blinkAlert {
    position: absolute !important;
    -webkit-animation: pulsate-bck 1s ease-in-out infinite both;
    animation: pulsate-bck 1s ease-in-out infinite both;
}

.blink-2 {
    opacity: 1;
    -webkit-animation: blink-2 1.2s infinite;
    animation: blink-2 1.2s infinite;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-6-17 23:47:50
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation blink-2
 * ----------------------------------------
 */
@-webkit-keyframes blink-2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink-2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}


@-webkit-keyframes pulsate-bck {

    0%,
    100% {
        color: #fff !important;
    }

    50% {
        color: green !important;
    }

}

@keyframes pulsate-bck {

    0%,
    100% {
        color: #fff !important;
    }

    50% {
        color: green !important;
    }

}



.powerbutton{
    display: grid;
    place-items: center;
    height: 10rem;
    width: 10rem;
    padding: auto;
    box-shadow: 0px 0px 4.5rem #998542 inset;
    border: 1px outset;
    border-radius: 50%;
    align-items: center;
    margin: 0 auto ;
    background: transparent;
    transition: .5s;
    justify-content: center;
    text-align: center;
}
    

.powerbutton:hover{
    box-shadow: 0px 0px 9rem #998542 inset, 0px 0px 9rem #998542;
    transition: .5s;
}

.powerbutton:hover i{
    color:white;
    text-shadow: 0px 0px 4rem white, 0px 0px 4rem white;
    transition: .5s;
}