html{
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji
}
hr{
    height:0;
    color:inherit
}
abbr[title]{
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,pre,samp{
    font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    text-indent:0;
    border-color:inherit
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
::-moz-focus-inner{
    border-style:none;
    padding:0
}
:-moz-focusring{
    outline:1px dotted ButtonText
}
:-moz-ui-invalid{
    box-shadow:none
}
legend{
    padding:0
}
progress{
    vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
    margin:0
}
button{
    background-color:transparent;
    background-image:none
}
fieldset,ol,ul{
    margin:0;
    padding:0
}
ol,ul{
    list-style:none
}
html{
    font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height:1.5
}
body{
    font-family:inherit;
    line-height:inherit
}
*,:after,:before{
    box-sizing:border-box;
    border:0 solid
}
hr{
    border-top-width:1px
}
img{
    border-style:solid
}
textarea{
    resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder{
    opacity:1;
    color:#9ca3af
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    opacity:1;
    color:#9ca3af
}
input::placeholder,textarea::placeholder{
    opacity:1;
    color:#9ca3af
}
[role=button],button{
    cursor:pointer
}
:-moz-focusring{
    outline:auto
}
table{
    border-collapse:collapse
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
}
a{
    color:inherit;
    text-decoration:inherit
}
button,input,optgroup,select,textarea{
    padding:0;
    line-height:inherit;
    color:inherit
}
code,kbd,pre,samp{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}
audio,canvas,embed,iframe,img,object,svg,video{
    display:block;
    vertical-align:middle
}
img,video{
    max-width:100%;
    height:auto
}
[hidden]{
    display:none
}
*,:after,:before{
    --tw-border-opacity:1;
    border-color:rgba(229,231,235,var(--tw-border-opacity))
}
.container{
    width:100%;
    padding-right:15px;
    padding-left:15px
}
@media (min-width:640px){
    .container{
        max-width:640px
    }
}
@media (min-width:768px){
    .container{
        max-width:768px
    }
}
@media (min-width:992px){
    .container{
        max-width:992px
    }
}
@media (min-width:1100px){
    .container{
        max-width:1100px
    }
}
.pointer-events-none{
    pointer-events:none
}
.pointer-events-auto{
    pointer-events:auto
}
.fixed{
    position:fixed
}
.absolute{
    position:absolute
}
.relative{
    position:relative
}
.inset-0{
    top:0;
    right:0;
    bottom:0;
    left:0
}
.top-0{
    top:0
}
.right-0{
    right:0
}
.left-0{
    left:0
}
.z-10{
    z-index:10
}
.z-20{
    z-index:20
}
.z-40{
    z-index:40
}
.z-50{
    z-index:50
}
.order-1{
    order:1
}
.order-2{
    order:2
}
.order-3{
    order:3
}
.mx-2{
    margin-left:.5rem;
    margin-right:.5rem
}
.mx-3{
    margin-left:.75rem;
    margin-right:.75rem
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem
}
.mt-2{
    margin-top:.5rem
}
.mt-3{
    margin-top:.75rem
}
.mt-4{
    margin-top:1rem
}
.mt-5{
    margin-top:1.25rem
}
.mt-8{
    margin-top:2rem
}
.mt-10{
    margin-top:2.5rem
}
.mt-16{
    margin-top:4rem
}
.mt-24{
    margin-top:6rem
}
.mt-32{
    margin-top:8rem
}
.mr-3{
    margin-right:.75rem
}
.mr-6{
    margin-right:1.5rem
}
.mr-auto{
    margin-right:auto
}
.mb-0{
    margin-bottom:0
}
.mb-1{
    margin-bottom:.25rem
}
.mb-2{
    margin-bottom:.5rem
}
.mb-3{
    margin-bottom:.75rem
}
.mb-4{
    margin-bottom:1rem
}
.mb-6{
    margin-bottom:1.5rem
}
.mb-10{
    margin-bottom:2.5rem
}
.mb-16{
    margin-bottom:4rem
}
.mb-20{
    margin-bottom:5rem
}
.mb-56{
    margin-bottom:14rem
}
.ml-2{
    margin-left:.5rem
}
.ml-4{
    margin-left:1rem
}
.ml-auto{
    margin-left:auto
}
.-ml-px{
    margin-left:-1px
}
.box-border{
    box-sizing:border-box
}
.block{
    display:block
}
.inline-block{
    display:inline-block
}
.flex{
    display:flex
}
.inline-flex{
    display:inline-flex
}
.grid{
    display:grid
}
.hidden{
    display:none
}
.h-5{
    height:1.25rem
}
.h-8{
    height:2rem
}
.h-16{
    height:4rem
}
.h-64{
    height:16rem
}
.h-full{
    height:100%
}
.max-h-24{
    max-height:6rem
}
.max-h-full{
    max-height:100%
}
.w-5{
    width:1.25rem
}
.w-8{
    width:2rem
}
.w-10{
    width:2.5rem
}
.w-16{
    width:4rem
}
.w-64{
    width:16rem
}
.w-full{
    width:100%
}
.max-w-2xl{
    max-width:42rem
}
.max-w-full{
    max-width:100%
}
.transform{
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-2{
    --tw-translate-y:0.5rem
}
.-translate-y-2{
    --tw-translate-y:-0.5rem
}
@-webkit-keyframes spin{
    to{
        transform:rotate(1turn)
    }
}
@keyframes spin{
    to{
        transform:rotate(1turn)
    }
}
@-webkit-keyframes ping{
    75%,to{
        transform:scale(2);
        opacity:0
    }
}
@keyframes ping{
    75%,to{
        transform:scale(2);
        opacity:0
    }
}
@-webkit-keyframes pulse{
    50%{
        opacity:.5
    }
}
@keyframes pulse{
    50%{
        opacity:.5
    }
}
@-webkit-keyframes bounce{
    0%,to{
        transform:translateY(-25%);
        -webkit-animation-timing-function:cubic-bezier(.8,0,1,1);
        animation-timing-function:cubic-bezier(.8,0,1,1)
    }
    50%{
        transform:none;
        -webkit-animation-timing-function:cubic-bezier(0,0,.2,1);
        animation-timing-function:cubic-bezier(0,0,.2,1)
    }
}
@keyframes bounce{
    0%,to{
        transform:translateY(-25%);
        -webkit-animation-timing-function:cubic-bezier(.8,0,1,1);
        animation-timing-function:cubic-bezier(.8,0,1,1)
    }
    50%{
        transform:none;
        -webkit-animation-timing-function:cubic-bezier(0,0,.2,1);
        animation-timing-function:cubic-bezier(0,0,.2,1)
    }
}
@-webkit-keyframes track{
    0%,to{
        letter-spacing:1px
    }
    50%{
        letter-spacing:4px
    }
}
@keyframes track{
    0%,to{
        letter-spacing:1px
    }
    50%{
        letter-spacing:4px
    }
}
.animate-pulse{
    -webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}
.animate-track{
    -webkit-animation:track 2s ease infinite;
    animation:track 2s ease infinite
}
.cursor-pointer{
    cursor:pointer
}
.grid-cols-1{
    grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-rows-body{
    grid-template-rows:auto 1fr auto
}
.grid-rows-video{
    grid-template-rows:auto 1fr
}
.flex-col{
    flex-direction:column
}
.flex-col-reverse{
    flex-direction:column-reverse
}
.flex-wrap{
    flex-wrap:wrap
}
.items-end{
    align-items:flex-end
}
.items-center{
    align-items:center
}
.justify-start{
    justify-content:flex-start
}
.justify-center{
    justify-content:center
}
.justify-between{
    justify-content:space-between
}
.gap-3{
    grid-gap:.75rem;
    gap:.75rem
}
.gap-4{
    grid-gap:1rem;
    gap:1rem
}
.gap-5{
    grid-gap:1.25rem;
    gap:1.25rem
}
.gap-8{
    grid-gap:2rem;
    gap:2rem
}
.break-all{
    word-break:break-all
}
.rounded-md{
    border-radius:.375rem
}
.rounded-full{
    border-radius:9999px
}
.border{
    border-width:1px
}
.border-transparent{
    border-color:transparent
}
.border-white{
    --tw-border-opacity:1;
    border-color:rgba(255,255,255,var(--tw-border-opacity))
}
.border-lighten{
    border-color:hsla(0,0%,100%,.3)
}
.border-darken{
    border-color:rgba(0,0,0,.1)
}
.hover\:border-lighten:hover{
    border-color:hsla(0,0%,100%,.3)
}
.bg-black{
    --tw-bg-opacity:1;
    background-color:rgba(0,0,0,var(--tw-bg-opacity))
}
.bg-white{
    --tw-bg-opacity:1;
    background-color:rgba(255,255,255,var(--tw-bg-opacity))
}
.bg-gray-800{
    --tw-bg-opacity:1;
    background-color:rgba(24,26,27,var(--tw-bg-opacity))
}
.bg-gray-900{
    --tw-bg-opacity:1;
    background-color:rgba(13,14,15,var(--tw-bg-opacity))
}
.bg-red-600-80{
    background-color:rgba(255,19,19,.8)
}
.bg-yellow-400{
    --tw-bg-opacity:1;
    background-color:rgba(250,192,33,var(--tw-bg-opacity))
}
.bg-yellow-500{
    --tw-bg-opacity:1;
    background-color:rgba(234,162,26,var(--tw-bg-opacity))
}
.bg-yellow-600{
    --tw-bg-opacity:1;
    background-color:rgba(214,133,18,var(--tw-bg-opacity))
}
.bg-purple-700{
    --tw-bg-opacity:1;
    background-color:rgba(109,40,217,var(--tw-bg-opacity))
}
.bg-black-10{
    background-color:rgba(0,0,0,.1)
}
.bg-black-50{
    background-color:rgba(0,0,0,.5)
}
.bg-black-80{
    background-color:rgba(0,0,0,.8)
}
.bg-btn{
    --tw-bg-opacity:1;
    background-color:rgba(255,176,226,var(--tw-bg-opacity))
}
.bg-btn-discord{
    --tw-bg-opacity:1;
    background-color:rgba(193,202,255,var(--tw-bg-opacity))
}
.bg-ip-800{
    --tw-bg-opacity:1;
    background-color:rgba(191,105,54,var(--tw-bg-opacity))
}
.bg-ip-900{
    --tw-bg-opacity:1;
    background-color:rgba(171,88,40,var(--tw-bg-opacity))
}
.bg-discord-800{
    --tw-bg-opacity:1;
    background-color:rgba(87,99,199,var(--tw-bg-opacity))
}
.bg-discord-900{
    --tw-bg-opacity:1;
    background-color:rgba(54,66,169,var(--tw-bg-opacity))
}
.bg-nav-home{
    --tw-bg-opacity:1;
    background-color:rgba(241,135,37,var(--tw-bg-opacity))
}
.bg-nav-blog{
    --tw-bg-opacity:1;
    background-color:rgba(34,175,220,var(--tw-bg-opacity))
}
.bg-nav-help{
    --tw-bg-opacity:1;
    background-color:rgba(32,185,102,var(--tw-bg-opacity))
}
.hover\:bg-red-500:hover{
    --tw-bg-opacity:1;
    background-color:rgba(255,67,67,var(--tw-bg-opacity))
}
.hover\:bg-nav-home:hover{
    --tw-bg-opacity:1;
    background-color:rgba(241,135,37,var(--tw-bg-opacity))
}
.hover\:bg-nav-blog:hover{
    --tw-bg-opacity:1;
    background-color:rgba(34,175,220,var(--tw-bg-opacity))
}
.hover\:bg-nav-help:hover{
    --tw-bg-opacity:1;
    background-color:rgba(32,185,102,var(--tw-bg-opacity))
}
.bg-cover{
    background-size:cover
}
.bg-center{
    background-position:50%
}
.p-3{
    padding:.75rem
}
.p-4{
    padding:1rem
}
.p-5{
    padding:1.25rem
}
.p-6{
    padding:1.5rem
}
.p-8{
    padding:2rem
}
.p-10{
    padding:2.5rem
}
.px-1{
    padding-left:.25rem;
    padding-right:.25rem
}
.px-3{
    padding-left:.75rem;
    padding-right:.75rem
}
.px-4{
    padding-left:1rem;
    padding-right:1rem
}
.px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
}
.px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
}
.px-8{
    padding-left:2rem;
    padding-right:2rem
}
.px-10{
    padding-left:2.5rem;
    padding-right:2.5rem
}
.py-2{
    padding-top:.5rem;
    padding-bottom:.5rem
}
.py-3{
    padding-top:.75rem;
    padding-bottom:.75rem
}
.py-4{
    padding-top:1rem;
    padding-bottom:1rem
}
.py-5{
    padding-top:1.25rem;
    padding-bottom:1.25rem
}
.py-20{
    padding-top:5rem;
    padding-bottom:5rem
}
.pt-0{
    padding-top:0
}
.pt-3{
    padding-top:.75rem
}
.pt-4{
    padding-top:1rem
}
.pt-10{
    padding-top:2.5rem
}
.pt-20{
    padding-top:5rem
}
.pt-48{
    padding-top:12rem
}
.pr-1{
    padding-right:.25rem
}
.pr-6{
    padding-right:1.5rem
}
.pb-4{
    padding-bottom:1rem
}
.pb-5{
    padding-bottom:1.25rem
}
.pb-6{
    padding-bottom:1.5rem
}
.pb-10{
    padding-bottom:2.5rem
}
.pb-12{
    padding-bottom:3rem
}
.pb-20{
    padding-bottom:5rem
}
.pb-24{
    padding-bottom:6rem
}
.pb-32{
    padding-bottom:8rem
}
.text-center{
    text-align:center
}
.text-right{
    text-align:right
}
.text-xs{
    font-size:.75rem;
    line-height:1rem
}
.text-sm{
    font-size:.875rem;
    line-height:1.25rem
}
.text-lg{
    font-size:1.125rem
}
.text-lg,.text-xl{
    line-height:1.75rem
}
.text-xl{
    font-size:1.25rem
}
.text-2xl{
    font-size:1.5rem;
    line-height:2rem
}
.text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
}
.text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
}
.text-5xl{
    font-size:3rem;
    line-height:1
}
.font-medium{
    font-weight:500
}
.font-semibold{
    font-weight:600
}
.font-bold{
    font-weight:700
}
.font-extrabold{
    font-weight:800
}
.uppercase{
    text-transform:uppercase
}
.leading-none{
    line-height:1
}
.leading-tight{
    line-height:1.25
}
.tracking-wide{
    letter-spacing:.025em
}
.hover\:tracking-widest:hover,.tracking-widest{
    letter-spacing:.1em
}
.text-black{
    --tw-text-opacity:1;
    color:rgba(0,0,0,var(--tw-text-opacity))
}
.text-white{
    --tw-text-opacity:1;
    color:rgba(255,255,255,var(--tw-text-opacity))
}
.text-gray-300{
    --tw-text-opacity:1;
    color:rgba(209,213,219,var(--tw-text-opacity))
}
.text-gray-400{
    --tw-text-opacity:1;
    color:rgba(156,163,175,var(--tw-text-opacity))
}
.text-gray-500{
    --tw-text-opacity:1;
    color:rgba(179,183,188,var(--tw-text-opacity))
}
.text-gray-600{
    --tw-text-opacity:1;
    color:rgba(123,127,133,var(--tw-text-opacity))
}
.text-yellow-900{
    --tw-text-opacity:1;
    color:rgba(135,82,43,var(--tw-text-opacity))
}
.text-pink-400{
    --tw-text-opacity:1;
    color:rgba(244,114,182,var(--tw-text-opacity))
}
.text-pink-600{
    --tw-text-opacity:1;
    color:rgba(230,114,187,var(--tw-text-opacity))
}
.text-btn-text{
    --tw-text-opacity:1;
    color:rgba(151,67,143,var(--tw-text-opacity))
}
.text-btn-discord-t{
    --tw-text-opacity:1;
    color:rgba(86,98,171,var(--tw-text-opacity))
}
.text-ip-400{
    --tw-text-opacity:1;
    color:rgba(255,231,194,var(--tw-text-opacity))
}
.text-ip-700{
    --tw-text-opacity:1;
    color:rgba(232,166,84,var(--tw-text-opacity))
}
.text-ip-900{
    --tw-text-opacity:1;
    color:rgba(171,88,40,var(--tw-text-opacity))
}
.text-ip-1000{
    --tw-text-opacity:1;
    color:rgba(130,70,16,var(--tw-text-opacity))
}
.hover\:text-yellow-400:hover{
    --tw-text-opacity:1;
    color:rgba(250,192,33,var(--tw-text-opacity))
}
.hover\:text-pink-400:hover{
    --tw-text-opacity:1;
    color:rgba(244,114,182,var(--tw-text-opacity))
}
.opacity-0{
    opacity:0
}
.opacity-70{
    opacity:.7
}
.opacity-75{
    opacity:.75
}
.opacity-80{
    opacity:.8
}
.opacity-100{
    opacity:1
}
.hover\:opacity-75:hover{
    opacity:.75
}
.hover\:opacity-80:hover{
    opacity:.8
}
.hover\:opacity-100:hover{
    opacity:1
}
.group:hover .group-hover\:opacity-75{
    opacity:.75
}
.group:hover .group-hover\:opacity-90{
    opacity:.9
}
*,:after,:before{
    --tw-shadow:0 0 transparent
}
.shadow-btn{
    --tw-shadow:#d07fbe 0 5px 0
}
.shadow-btn,.shadow-discord{
    box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}
.shadow-discord{
    --tw-shadow:#808bcb 0 5px 0
}
.shadow-border{
    --tw-shadow:hsla(0,0%,100%,0.4) 0 0 0 1px inset
}
.shadow-border,.shadow-ip{
    box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}
.shadow-ip{
    --tw-shadow:#a25223 0 3px 0
}
.shadow-ip-count{
    --tw-shadow:#bf6936 0 3px 0
}
.hover\:shadow-md:hover,.shadow-ip-count{
    box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}
.hover\:shadow-md:hover{
    --tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)
}
.hover\:shadow-pink:hover{
    --tw-shadow:rgba(235,75,229,0.45) 0 0 30px
}
.group:hover .group-hover\:shadow-purple-inner,.hover\:shadow-pink:hover{
    box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}
.group:hover .group-hover\:shadow-purple-inner{
    --tw-shadow:rgba(235,75,229,0.8) 0 0 0 1px inset
}
*,:after,:before{
    --tw-ring-inset:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,0.5);
    --tw-ring-offset-shadow:0 0 transparent;
    --tw-ring-shadow:0 0 transparent
}
.filter{
    --tw-blur:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-brightness:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-contrast:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-grayscale:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-hue-rotate:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-invert:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-saturate:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-sepia:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-drop-shadow:var(--tw-empty,
    /*!*/
    /*!*/
    );
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition-all{
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition{
    transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-colors{
    transition-property:background-color,border-color,color,fill,stroke;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-opacity{
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-shadow{
    transition-property:box-shadow;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.duration-150,.transition-shadow{
    transition-duration:.15s
}
.duration-200{
    transition-duration:.2s
}
.duration-300{
    transition-duration:.3s
}
.ease-in-out{
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
@media (min-width:640px){
    .sm\:container{
        width:100%;
        padding-right:15px;
        padding-left:15px
    }
}
@media (min-width:640px) and (min-width:640px){
    .sm\:container{
        max-width:640px
    }
}
@media (min-width:640px) and (min-width:768px){
    .sm\:container{
        max-width:768px
    }
}
@media (min-width:640px) and (min-width:992px){
    .sm\:container{
        max-width:992px
    }
}
@media (min-width:640px) and (min-width:1100px){
    .sm\:container{
        max-width:1100px
    }
}
@media (min-width:640px){
    .sm\:h-24{
        height:6rem
    }
    .sm\:px-10{
        padding-left:2.5rem;
        padding-right:2.5rem
    }
}
@media (min-width:768px){
    .md\:-mx-3{
        margin-left:-.75rem;
        margin-right:-.75rem
    }
    .md\:mt-0{
        margin-top:0
    }
    .md\:mt-20{
        margin-top:5rem
    }
    .md\:mb-0{
        margin-bottom:0
    }
    .md\:mb-3{
        margin-bottom:.75rem
    }
    .md\:ml-piston{
        margin-left:110px
    }
    .md\:block{
        display:block
    }
    .md\:flex{
        display:flex
    }
    .md\:grid{
        display:grid
    }
    .md\:hidden{
        display:none
    }
    .md\:h-img{
        height:600px
    }
    .md\:h-half{
        height:50%
    }
    .md\:h-discord{
        height:350px
    }
    .md\:w-2\/3{
        width:66.666667%
    }
    .md\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .md\:flex-row{
        flex-direction:row
    }
    .md\:flex-col{
        flex-direction:column
    }
    .md\:items-center{
        align-items:center
    }
    .md\:justify-center{
        justify-content:center
    }
    .md\:justify-between{
        justify-content:space-between
    }
    .md\:gap-10{
        grid-gap:2.5rem;
        gap:2.5rem
    }
    .md\:px-10{
        padding-left:2.5rem;
        padding-right:2.5rem
    }
    .md\:py-1{
        padding-top:.25rem;
        padding-bottom:.25rem
    }
    .md\:py-32{
        padding-top:8rem;
        padding-bottom:8rem
    }
}
@media (min-width:992px){
    .lg\:order-1{
        order:1
    }
    .lg\:order-2{
        order:2
    }
    .lg\:mx-auto{
        margin-left:auto;
        margin-right:auto
    }
    .lg\:mt-16{
        margin-top:4rem
    }
    .lg\:mb-0{
        margin-bottom:0
    }
    .lg\:ml-6{
        margin-left:1.5rem
    }
    .lg\:block{
        display:block
    }
    .lg\:inline-flex{
        display:inline-flex
    }
    .lg\:grid{
        display:grid
    }
    .lg\:hidden{
        display:none
    }
    .lg\:h-full{
        height:100%
    }
    .lg\:w-auto{
        width:auto
    }
    .lg\:w-2\/4{
        width:50%
    }
    .lg\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .lg\:grid-cols-staff{
        grid-template-columns:1fr minmax(300px,460px)
    }
    .lg\:flex-row{
        flex-direction:row
    }
    .lg\:items-center{
        align-items:center
    }
    .lg\:items-stretch{
        align-items:stretch
    }
    .lg\:p-16{
        padding:4rem
    }
    .lg\:px-20{
        padding-left:5rem;
        padding-right:5rem
    }
    .lg\:pb-0{
        padding-bottom:0
    }
    .lg\:text-left{
        text-align:left
    }
}
@media (min-width:1100px){
    .xl\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}