@import url(https://fonts.cdnfonts.com/css/proxima-nova-2);
a1,sub,sup{
    line-height:0
}
progress,sub,sup{
    vertical-align:baseline
}
*,select:focus,textarea:focus{
    --tw-ring-inset:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff
}
a,hr{
    color:inherit
}
.btn,.fa-ethereum{
    text-decoration:none
}
.border-gray-400,.btn-outline-gray,a,a#icons{
    --tw-border-opacity:1
}
.fa-github,.fa-instagram,.fa-snapchat,.fa-spotify,.fa-stack-overflow,.fa-twitter,.fa-x-twitter,.fa-linkedin{
    color:#609ea2;
    font-size:x-large;
    padding:3px;
    text-decoration:none
}
@supports (background-clip:text) or (-webkit-background-clip:text){
    .fancy{
        background-image:url("data:image/svg+xml,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%23FF7B54' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%23FFB26B'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%23FFBF86'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23FFD56B'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-size:110% auto;
        background-position:center;
        color:transparent;
        -webkit-background-clip:text;
        background-clip:text
    }
    .fancy2{
        background-image:url("data:image/svg+xml,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%23CD5888' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%23ed2c5f'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%23FF5858'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23C92C6D'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-size:110% auto;
        background-position:center;
        color:transparent;
        -webkit-background-clip:text;
        background-clip:text
    }
}
a1{
    animation:2s ease-in-out infinite text-shadow
}
a1:hover{
    animation-play-state:paused
}
@keyframes text-shadow{
    0%{
        transform:translateY(0);
        text-shadow:0 0 0 #9a1663,0 0 0 #6f1ab6,0 0 0 #c780fa,0 0 0 #cd0404
    }
    20%{
        transform:translateY(-.25em);
        text-shadow:0 .125em 0 #9a1663,0 .25em 0 #6f1ab6,0 -.125em 0 #c780fa,0 -.25em 0 #cd0404
    }
    40%{
        transform:translateY(.12em);
        text-shadow:0 -.0625em 0 #9a1663,0 -.125em 0 #6f1ab6,0 .0625em 0 #c780fa,0 .125em 0 #cd0404
    }
    60%{
        transform:translateY(-.6em);
        text-shadow:0 .03125em 0 #9a1663,0 .0625em 0 #6f1ab6,0 -.03125em 0 #c780fa,0 -.0625em 0 #ad8e70
    }
    80%{
        transform:translateY(0);
        text-shadow:0 0 0 #9a1663,0 0 0 #6f1ab6,0 0 0 #c780fa,0 0 0 #ad8e70
    }
}
@media (prefers-reduced-motion:reduce){
    *{
        animation:none!important;
        transition:none!important
    }
}
.fa-instagram:hover{
    color:#ff4500;
    transition:.5s
}
.fa-ethereum{
    color:#ecf0f1;
    font-size:x-large;
    float:right;
    text-align:right;
    padding:3px
}
.fa-ethereum:hover{
    color:#fff;
    transition:.5s
}
.fa-x-twitter:hover{
    color:rgb(0, 0, 0);
    transition:.5s
}
.fa-github:hover{
    color:#0077B5;
    transition:.5s
}
.fa-linkedin:hover{
    color:#e5fdd1;
    transition:.5s
}
.fa-spotify:hover{
    color:#1db954;
    transition:.5s
}
.fa-stack-overflow:hover{
    color:#f48024;
    transition:.5s
}
.fa-snapchat:hover{
    color:#fffc00;
    transition:.5s
}
.contact{
    color:#fffdde
}
html{
    background:radial-gradient(ellipse at bottom,#192e47 0,#030617 100%);
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    -webkit-text-size-adjust:100%;
    line-height:1.5
}
body{
    margin:0;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    font-family:inherit;
    line-height:inherit
}
abbr[title]{
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,pre,samp{
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    position:relative
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0;
    padding:0;
    line-height:inherit;
    color:inherit
}
button,select{
    text-transform:none
}
button{
    -webkit-appearance:button;
    background-color:transparent;
    background-image:none;
    cursor:pointer
}
legend{
    padding:0
}
summary{
    display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
    margin:0
}
button:focus{
    outline:dotted 1px;
    outline:-webkit-focus-ring-color auto 5px
}
.btn:focus,select:focus,textarea:focus{
    outline:transparent solid 2px;
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}
fieldset,ol,ul{
    margin:0;
    padding:0
}
ol,ul{
    list-style:none
}
*,:after,:before{
    box-sizing:border-box;
    border:0 solid #e5e7eb
}
hr{
    height:0;
    border-top-width:1px
}
img{
    border-style:solid
}
textarea{
    resize:vertical
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight: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
}
select,textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:#fff;
    border-color:#6b7280;
    border-width:1px;
    border-radius:0;
    padding:.5rem .75rem;
    font-size:1rem;
    line-height:1.5rem
}
select:focus,textarea:focus{
    outline-offset:2px;
    --tw-ring-color:#2563eb;
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color:#2563eb
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:#6b7280;
    opacity:1
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#6b7280;
    opacity:1
}
input::placeholder,textarea::placeholder{
    color:#6b7280;
    opacity:1
}
select{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
    background-position:right .5rem center;
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    padding-right:2.5rem;
    -webkit-print-color-adjust:exact;
    color-adjust:exact
}
.space-x-2>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.5rem*var(--tw-space-x-reverse));
    margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))
}
.space-y-4>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1rem*var(--tw-space-y-reverse))
}
.bg-gray-100{
    --tw-bg-opacity:1;
    background-color:rgba(243,244,246,var(--tw-bg-opacity))
}
.border-gray-400{
    border-color:rgba(156,163,175,var(--tw-border-opacity))
}
.dark\:border-gray-800{
    --tw-border-opacity:1;
    border-color:rgba(31,41,55,var(--tw-border-opacity))
}
.rounded-full{
    border-radius:9999px
}
.border-0{
    border-width:0
}
.border{
    border-width:1px
}
.inline-block{
    display:inline-block
}
.flex{
    display:flex
}
.inline-flex{
    display:inline-flex
}
.table{
    display:table
}
.items-center{
    align-items:center
}
.justify-center{
    justify-content:center
}
.flex-shrink-0{
    flex-shrink:0
}
.font-sans{
    font-family:Nunito,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
.font-light{
    font-weight:300
}
.font-semibold{
    font-weight:600
}
.font-bold,a,a#icons{
    font-weight:700
}
.h-24{
    height:6rem
}
.text-lg{
    font-size:1.125rem
}
.leading-7,.text-lg,.text-xl{
    line-height:1.75rem
}
.text-xl{
    font-size:1.25rem
}
.text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
}
.leading-normal{
    line-height:1.5
}
.mr-2{
    margin-right:.5rem
}
.mt-3{
    margin-top:.75rem
}
.mt-6{
    margin-top:1.5rem
}
.mt-8{
    margin-top:2rem
}
.max-w-2xl{
    max-width:42rem
}
.min-h-screen{
    min-height:100vh
}
.p-6{
    padding:1.5rem
}
*{
    --tw-shadow:0 0 transparent;
    --tw-ring-color:rgba(59,130,246,0.5);
    --tw-ring-offset-shadow:0 0 transparent;
    --tw-ring-shadow:0 0 transparent
}
.text-gray-500{
    --tw-text-opacity:1;
    color:rgba(107,114,128,var(--tw-text-opacity))
}
.focus\:text-gray-700:focus,.hover\:text-gray-700:hover,.text-gray-700{
    --tw-text-opacity:1;
    color:rgba(55,65,81,var(--tw-text-opacity))
}
.text-gray-800{
    color:#1261d1
}
.text-black{
    white-space: pre-line;
    color:#c0deff
}
@media (prefers-color-scheme:dark){
    .dark\:bg-gray-900{
        --tw-bg-opacity:1;
        background-color:rgba(17,24,39,var(--tw-bg-opacity))
    }
    .dark\:text-gray-100{
        --tw-text-opacity:1;
        color:rgba(243,244,246,var(--tw-text-opacity))
    }
    .dark\:text-gray-200{
        --tw-text-opacity:1;
        color:rgba(229,231,235,var(--tw-text-opacity))
    }
    .dark\:text-gray-300{
        --tw-text-opacity:1;
        color:rgba(209,213,219,var(--tw-text-opacity))
    }
    .dark\:hover\:text-gray-400:hover{
        --tw-text-opacity:1;
        color:rgba(156,163,175,var(--tw-text-opacity))
    }
}
.btn-gray,.btn-gray:hover,.btn-outline-gray:hover{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    color:rgba(255,255,255,var(--tw-text-opacity))
}
.w-24{
    width:6rem
}
@-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)
    }
}
*,body,html{
    font-family:Proxima Nova,Helvetica,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
a{
    text-decoration:inherit;
    border-color:rgba(79,70,229,var(--tw-border-opacity));
    border-bottom:1px rgba(79,70,229,var(--tw-border-opacity));
    border-style:dotted
}
a#icons{
    border-color:rgba(79,70,229,var(--tw-border-opacity));
    border-bottom:1px rgba(79,70,229,var(--tw-border-opacity))
}
a:hover{
    --tw-text-opacity:1;
    color:rgba(79,70,229,var(--tw-text-opacity))
}
.btn{
    border-radius:.25rem;
    display:inline-block;
    font-weight:600;
    padding:.5rem 1rem
}
.btn:focus{
    outline-offset:2px;
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.btn-sm{
    border-bottom-width:0;
    padding:.25rem .75rem
}
.btn-gray{
    background-color:rgba(55,65,81,var(--tw-bg-opacity))
}
.btn-gray:hover{
    background-color:rgba(17,24,39,var(--tw-bg-opacity))
}
.btn-outline-gray{
    --tw-bg-opacity:1;
    background-color:rgba(255,255,255,var(--tw-bg-opacity));
    border-color:rgba(107,114,128,var(--tw-border-opacity));
    border-width:1px;
    --tw-text-opacity:1;
    color:rgba(55,65,81,var(--tw-text-opacity))
}
.btn-outline-gray:hover{
    background-color:rgba(55,65,81,var(--tw-bg-opacity));
    border-color:transparent
}
@media (min-width:768px){
    .md\:flex{
        display:flex
    }
    .md\:h-32{
        height:8rem
    }
    .md\:mt-0{
        margin-top:0
    }
    .md\:ml-6{
        margin-left:1.5rem
    }
    .md\:w-16{
        width:6rem
    }
    .md\:h-16{
        height:6rem
    }
    .md\:w-32{
        width:8rem
    }
}