@charset "utf-8";
body {
    --anm-tmpl-color: #3800e7;

    --link-font: Aleo-Light-5;
    --link-title-color: #FFFFFF;
    --link-desc-color: #FFFFFF;
    --link-block-corner: 30px;
    --link-block-border: 2px;
    --link-block-bg-color: rgba(255, 255, 255, 1.000);
    --link-block-font-color: #411ee2;
    --link-block-shadow-color: #DDE2FB;
    --link-block-border-color: #DDE2FB;
    --link-thumbnail-radius: 50%;
    --link-thumbnail-color: #411ee2;
    --link-button-bg-color: #411ee2;
    --link-button-font-color: #FFFFFF;
    --link-social-color-shadow: rgba(255, 255, 255, 1.000);
    --link-social-color-blend: rgba(0, 0, 0, 0);
}
body,body .center{font-family:Aleo-Light-5}
.item-style .ctm-style::after,.item-style .ctm-style::before,.item-style::after,.item-style::before{display:none;background:0 0;transform:none;border:0}
.item-style .ctm-style{border:0;background-color:transparent}
.item{border-radius:var(--link-block-corner);background-color:var(--link-block-bg-color)!important;border:2px solid var(--link-block-border-color)!important;box-shadow:var(--link-block-shadow-color) 12px 12px 0 0;margin-bottom:20px}
.item-style:hover{transform:translate(4px,4px);box-shadow:var(--link-block-shadow-color) 8px 8px 0 0}
.item-form .ctm-style::after,.item-form .ctm-style::before,.item-form::after,.item-form::before{display:none;background:0 0;transform:none;border:0}
.item-form .ctm-style{border:0!important;background-color:transparent}
.item-form{border-radius:var(--link-block-corner);background-color:var(--link-block-bg-color)!important;border:2px solid var(--link-block-border-color)!important;box-shadow:var(--link-block-shadow-color) 12px 12px 0 0;margin-bottom:20px}
.item-video .video-box iframe,.item-video .video-box img{border-radius:var(--link-block-corner)}
.biolink,.edit-form,.link-form{padding:0 12px 0 0}
.item .btn{color:var(--link-block-font-color)!important}
.item .btn-img{display:none}
.item .btn-icon{display:inline-block}
.layout-basic{display:block;text-align:center}
.layout-basic .avatar{margin-left:auto;margin-right:auto}
.center .avatar{width:100px;height:100px;min-width:100px}
.social_list-spirit{display:none}
.social_list-svg-3{display:none}
.social_list-svg-4{display:flex}
.social_list-svg-6{display:none}
.social_list a sp{color:var(--link-social-color-shadow)}
.cmpt-item--style .ctm-style::after,.cmpt-item--style .ctm-style::before,.cmpt-item--style::after,.cmpt-item--style::before{display:none;background:0 0;transform:none;border:0}
.cmpt-item--style .ctm-style{border:0;background-color:transparent}
.cmpt-item--style{border-radius:var(--link-block-corner);background-color:var(--link-block-bg-color)!important;border:2px solid var(--link-block-border-color)!important;box-shadow:var(--link-block-shadow-color) 12px 12px 0 0;margin-bottom:20px}
.cmpt-item--style:hover{transform:translate(4px,4px);box-shadow:var(--link-block-shadow-color) 8px 8px 0 0}

.bg-container{display:none}
.animate-container{position:fixed;top:0;width:100%;height:100%;height:100vh;bottom:0;margin:0 auto;z-index:-1}
.animate-container .animate-bg{background:-webkit-gradient(linear,left top,left bottom,from(#3800e7),to(#8a15ff));background:linear-gradient(#3800e7,#8a15ff);height:100vh;overflow:hidden;color:#fff;text-align:center;z-index:1;font-size:calc(14px + (26 - 14) * ((100vw - 300px)/ (1600 - 300)))}
.animate-container .main{height:100vh;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:wrap;position:relative;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
.animate-container .main:after,.animate-container .main:before{content:"";display:block;position:absolute}
.animate-container .main:before{right:0;height:30em;width:30em;border-radius:30em;background:-webkit-gradient(linear,left top,left bottom,from(#3800e7),to(#8a15ff));background:linear-gradient(#3800e7,#8a15ff);align-self:flex-end;-webkit-animation:gradient-fade 8s ease-in-out 3s infinite alternate;animation:gradient-fade 8s ease-in-out 3s infinite alternate}
.animate-container .main:after{top:0;height:10em;width:10em;border-radius:10em;background:-webkit-gradient(linear,left top,left bottom,from(#3800e7),to(#8a15ff));background:linear-gradient(#3800e7,#8a15ff);-webkit-animation:gradient-fade-alt 6s ease-in-out 3s infinite alternate;animation:gradient-fade-alt 6s ease-in-out 3s infinite alternate}
.animate-container .main__text-wrapper{position:relative;padding:2em}
.animate-container .main__text-wrapper:after,.animate-container .main__text-wrapper:before{content:"";display:block;position:absolute}
.animate-container .main__text-wrapper:before{top:-3em;right:-3em;width:13em;height:13em;opacity:.7;border-radius:13em;background:-webkit-gradient(linear,left top,left bottom,from(#15e0ff),to(#8a15ff));background:linear-gradient(#15e0ff,#8a15ff);-webkit-animation:rotation 7s linear infinite;animation:rotation 7s linear infinite}
.animate-container .main__text-wrapper:after{bottom:-20em;width:20em;height:20em;border-radius:20em;background:-webkit-gradient(linear,left top,left bottom,from(#d000c5),to(#8a15ff));background:linear-gradient(#d000c5,#8a15ff);-webkit-animation:rotation 7s linear infinite;animation:rotation 7s linear infinite}
.animate-container .arrow{z-index:1000;opacity:.5;position:absolute}
.animate-container .arrow--top{top:0;left:-5em}
.animate-container .arrow--bottom{bottom:0;right:3em}
.animate-container .circle{-webkit-transform:translate(50%,-50%) rotate(0);transform:translate(50%,-50%) rotate(0);-webkit-transform-origin:center;transform-origin:center}
.animate-container .circle--ltblue{height:20em;width:20em;border-radius:20em;background:-webkit-gradient(linear,left top,left bottom,from(#15e0ff),to(#3800e7));background:linear-gradient(#15e0ff,#3800e7)}
.animate-container .backdrop{position:absolute;width:100vw;height:100vh;display:block;background-color:pink}
.animate-container .dotted-circle{position:absolute;top:0;right:0;opacity:.3;-webkit-animation:rotation 38s linear infinite;animation:rotation 38s linear infinite}
.animate-container .draw-in{stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:draw 15s ease-in-out alternate infinite;animation:draw 15s ease-in-out alternate infinite}
@-webkit-keyframes draw{from{stroke-dashoffset:1000}
to{stroke-dashoffset:0}
}
@keyframes draw{from{stroke-dashoffset:1000}
to{stroke-dashoffset:0}
}
.item-to{-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:bottom;transform-origin:bottom}
.bounce-1{-webkit-animation-name:bounce-1;animation-name:bounce-1;-webkit-animation-timing-function:ease;animation-timing-function:ease}
.bounce-2{-webkit-animation-name:bounce-2;animation-name:bounce-2;-webkit-animation-timing-function:ease;animation-timing-function:ease}
.bounce-3{-webkit-animation-name:bounce-3;animation-name:bounce-3;-webkit-animation-timing-function:ease;animation-timing-function:ease}
@-webkit-keyframes bounce-1{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounce-1{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes bounce-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounce-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes bounce-3{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(30px);transform:translateY(30px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounce-3{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(30px);transform:translateY(30px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotation{from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes gradient-fade{from{-webkit-transform:translate(10%,-10%) rotate(0);transform:translate(10%,-10%) rotate(0)}
to{-webkit-transform:translate(50%,-50%) rotate(360deg);transform:translate(50%,-50%) rotate(360deg)}
}
@keyframes gradient-fade{from{-webkit-transform:translate(10%,-10%) rotate(0);transform:translate(10%,-10%) rotate(0)}
to{-webkit-transform:translate(50%,-50%) rotate(360deg);transform:translate(50%,-50%) rotate(360deg)}
}
@-webkit-keyframes gradient-fade-alt{from{-webkit-transform:translate(-20%,20%) rotate(0);transform:translate(-20%,20%) rotate(0)}
to{-webkit-transform:translate(-60%,60%) rotate(360deg);transform:translate(-60%,60%) rotate(360deg)}
}
@keyframes gradient-fade-alt{from{-webkit-transform:translate(-20%,20%) rotate(0);transform:translate(-20%,20%) rotate(0)}
to{-webkit-transform:translate(-60%,60%) rotate(360deg);transform:translate(-60%,60%) rotate(360deg)}
}