html{
    background-repeat:no-repeat;
    background-size:cover
}
body{
    font-family:Poppins,sans-serif
}
.manrope{
    font-family:Manrope,sans-serif
}
@keyframes slideInFromLeft-data-v-035966d6{
    0%{
        transform:translateX(-100%)
    }
    to{
        transform:translateX(0)
    }
}
.title[data-v-035966d6]{
    -webkit-animation:fade-enter 1.5s;
    animation:fade-enter 1.5s
}
.fade-enter-active[data-v-035966d6],.fade-leave-active[data-v-035966d6]{
    transition:opacity 1.5s cubic-bezier(.22,1,.36,1)
}
.fade-enter[data-v-035966d6],.fade-leave-to[data-v-035966d6]{
    opacity:0
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
      
}
body{
    margin:0
}
a{
    background-color:transparent
}
strong{
    font-weight:bolder
}
img{
    border-style:none
      
}
button{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0;
    overflow:visible;
    text-transform:none
}
[type=button],[type=reset],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
summary{
    display:list-item
}
template{
    display:none
}
p{
    margin:0
}
button{
    background-color:transparent;
    background-image:none
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
html{
    font-family: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;
    line-height:1.5
}
*,:after,:before{
    box-sizing:border-box;
    border-width:0;
    border-color:#e2e8f0
}
*,:after,:before,img{
    border-style:solid
}
[role=button],button{
    cursor:pointer
}
a{
    text-decoration:inherit
}
a,button{
    color:inherit
}
button{
    padding:0;
    line-height:inherit
}
audio,embed,iframe,img,svg{
    display:block;
    vertical-align:middle
}
img{
    max-width:100%;
    height:auto
}
.bg-gray-200{
    --bg-opacity:1;
    background-color:#edf2f7;
    background-color:rgba(237,242,247,var(--bg-opacity))
}
.dark .dark\:bg-black{
    --bg-opacity:1;
    background-color:#000;
    background-color:rgba(0,0,0,var(--bg-opacity))
}
.dark.dark-hover\:bg-gray-900:hover,.dark .dark-hover\:bg-gray-900:hover{
    --bg-opacity:1;
    background-color:#281a2c;
    background-color:rgba(40,26,44,var(--bg-opacity))
}
.hover\:bg-gray-300:hover{
    --bg-opacity:1;
    background-color:#e2e8f0;
    background-color:rgba(226,232,240,var(--bg-opacity))
}
.border-gray-800{
    --border-opacity:1;
    border-color:#3c2d48;
    border-color:rgba(60,45,72,var(--border-opacity))
}
.dark .dark\:border-gray-900{
    --border-opacity:1;
    border-color:#221a2c;
    border-color:rgba(34,26,44,var(--border-opacity))
}
.rounded{
    border-radius:.25rem
}
.rounded-md{
    border-radius:.375rem
}
.border{
    border-width:1px
}
.inline-block{
    display:inline-block
}
.flex{
    display:flex
}
.flex-row{
    flex-direction:row
}
.flex-col{
    flex-direction:column
}
.flex-wrap{
    flex-wrap:wrap
}
.items-center{
    align-items:center
}
.justify-center{
    justify-content:center
}
.float-right{
    float:right
}
.font-normal{
    font-weight:400
}
.font-medium{
    font-weight:500
}
.font-semibold{
    font-weight:600
}
.font-bold{
    font-weight:700
}
.h-10{
    height:2.5rem
}
.h-16{
    height:4rem
}
.h-full{
    height:100%
}
.h-screen{
    height:100vh
}
.text-xs{
    font-size:.75rem
}
.text-sm{
    font-size:.875rem
}
.text-xl{
    font-size:1.25rem
}
.text-5xl{
    font-size:3rem
}
.leading-snug{
    line-height:1.375
}
.my-auto{
    margin-top:auto;
    margin-bottom:auto
}
.mt-2{
    margin-top:.5rem
}
.mr-2{
    margin-right:.5rem
}
.mt-4{
    margin-top:1rem
}
.mr-4{
    margin-right:1rem
}
.mt-5{
    margin-top:1.25rem
}
.mr-5{
    margin-right:1.25rem
}
.ml-5{
    margin-left:1.25rem
}
.max-w-sm{
    max-width:24rem
}
.opacity-75{
    opacity:.75
}
.focus\:outline-none:focus{
    outline:2px solid transparent;
    outline-offset:2px
}
.overflow-hidden{
    overflow:hidden
}
.p-3{
    padding:.75rem
}
.px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
}
.absolute{
    position:absolute
}
.shadow{
    box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)
}
.shadow-lg{
    box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
}
.hover\:shadow-xl:hover{
    box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)
}
.fill-current{
    fill:currentColor
}
.text-center{
    text-align:center
}
.text-black{
    --text-opacity:1;
    color:#000;
    color:rgba(0,0,0,var(--text-opacity))
}
.text-gray-900{
    --text-opacity:1;
    color:#221a2c;
    color:rgba(34,26,44,var(--text-opacity))
}
.text-green-600{
    --text-opacity:1;
    color:#38a169;
    color:rgba(56,161,105,var(--text-opacity))
}
.text-indigo-500{
    --text-opacity:1;
    color:#ba66ea;
    color:rgba(186,102,234,var(--text-opacity))
}
.dark .dark\:text-white{
    --text-opacity:1;
    color:#fff;
    color:rgba(255,255,255,var(--text-opacity))
}
.dark .dark\:text-indigo-300{
    --text-opacity:1;
    color:#d3a3fa;
    color:rgba(211,163,250,var(--text-opacity))
}
.dark.dark-hover\:text-indigo-400:hover,.dark .dark-hover\:text-indigo-400:hover{
    --text-opacity:1;
    color:#c07ff5;
    color:rgba(192,127,245,var(--text-opacity))
}
.hover\:text-indigo-500:hover{
    --text-opacity:1;
    color:#af66ea;
    color:rgba(175,102,234,var(--text-opacity))
}
.hover\:text-indigo-700:hover{
    --text-opacity:1;
    color:#824cbf;
    color:rgba(130,76,191,var(--text-opacity))
}
.subpixel-antialiased{
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto
}
.tracking-wide{
    letter-spacing:.025em
}
.select-none{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.w-10{
    width:2.5rem
}
.w-16{
    width:4rem
}
.w-full{
    width:100%
}
.w-screen{
    width:100vw
}
.transform{
    --transform-translate-x:0;
    --transform-translate-y:0;
    --transform-rotate:0;
    --transform-skew-x:0;
    --transform-skew-y:0;
    --transform-scale-x:1;
    --transform-scale-y:1;
    transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}
.hover\:scale-105:hover{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
}
.transition-all{
    transition-property:all
}
.transition{
    transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform
}
.ease-out{
    transition-timing-function:cubic-bezier(0,0,.2,1)
}
.ease-in-out{
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.duration-200{
    transition-duration:.2s
}
.duration-300{
    transition-duration:.3s
}
@-webkit-keyframes spin{
    to{
        transform:rotate(1turn)
    }
}
@keyframes spin{
    to{
        transform:rotate(1turn)
    }
}
@keyframes ping{
    75%,to{
        transform:scale(2);
        opacity:0
    }
}
@keyframes pulse{
    50%{
        opacity:.5
    }
}
@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)
    }
}
@media (min-width:640px){
    .sm\:justify-start{
        justify-content:flex-start
    }
    .sm\:px-0{
        padding-left:0;
        padding-right:0
    }
    .sm\:pl-32{
        padding-left:8rem
    }
    .sm\:text-left{
        text-align:left
          
    }

    canvas {
        display: block;
        vertical-align: bottom;
      }
      .center {
        position: fixed;
        top: 40%;
        left: 23%;
        transform: translate(-50%, -50%);
      }
      .image {
        border-radius: 50%;
      }
      @media screen and (max-width: 785px) {
        .header1 {
          font-size: 8vw;
        }
        .link1 {
          font-size: 4vw;
        }
      }
      @media screen and (max-width: 765px) {
        body {
          text-align: center;
        }
        .header1 {
          font-size: 9vw;
        }
        .header2 {
          font-size: 2.5vw;
        }
        .link1 {
          font-size: 5vw;
        }
      }
      @media screen and (min-width: 1390px) {
        .header2 {
          font-size: 1.2vw;
        }
}
}