@charset "utf-8";
body{
    --anm-tmpl-color:#c44;
    --anm-tmpl-color2:#313131;
    --stripe-size: 100px;
    --anm-tmpl-duration: 2s;

    --link-font: Montserrat-Regular;
    --link-title-color: #E5E0D9;
    --link-desc-color: #E5E0D9;

    --link-block-corner: 10px;
    --link-block-border: 2px;
    --link-block-bg-color: rgba(255, 255, 255, 1.000);
    --link-block-font-color: #333333;
    --link-block-shadow-color: #000000;
    --link-block-border-color: #FFFFFF;
    --link-thumbnail-radius: 50%;
    --link-thumbnail-color: #333333;
    --link-button-bg-color: #333333;
    --link-button-font-color: #FFFFFF;
    --link-social-color-shadow: rgba(229, 224, 217, 1.000);
    --link-social-color-blend: rgba(0, 0, 0, 0);
}
body,body .center{font-family:Montserrat-Regular}
.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:var(--link-block-border) solid var(--link-block-border-color)!important;box-shadow:none}
.item-style:hover{background-color:rgba(0,0,0,0)!important;box-shadow:none;transform:none}
.item-style:hover .btn,.item-style:hover .btn-status{color:var(--link-block-border-color)!important}
.item-style:hover .iconfont{color:var(--link-block-border-color)!important;border-color:var(--link-block-border-color)!important}
.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:var(--link-block-border) solid var(--link-block-border-color)!important;box-shadow:none}
.item-video .video-box iframe,.item-video .video-box img{border-radius:var(--link-block-corner)}
.biolink,.edit-form,.link-form{padding: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:left;}.layout-basic .avatar{margin-left:0;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:var(--link-block-border) solid var(--link-block-border-color)!important;box-shadow:none}
/*.cmpt-item--style:hover{background-color:rgba(0,0,0,0)!important;box-shadow:none;transform:none}*/
/*.cmpt-item--style:hover .btn,.cmpt-item--style:hover .btn-status{color:var(--link-block-border-color)!important}*/
/*.cmpt-item--style:hover .iconfont{color:var(--link-block-border-color)!important;border-color:var(--link-block-border-color)!important}*/

.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{width:100%;display:flex;height:100vh;overflow:hidden}
.animate-container .stripe{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.animate-container .stripe_inner{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:8rem;text-align:center;font-family:Anton,sans-serif;color:rgba(255,255,255,0);background:repeating-linear-gradient(45deg,var(--anm-tmpl-color) 25%,var(--anm-tmpl-color) 50%,var(--anm-tmpl-color2) 50%,var(--anm-tmpl-color2) 75%);background-size:var(--stripe-size) var(--stripe-size);-webkit-background-clip:text;background-clip:text;-webkit-animation:stripeBackgroundPosition var(--anm-tmpl-duration) linear infinite;animation:stripeBackgroundPosition var(--anm-tmpl-duration) linear infinite}
.animate-container .stripe::before{content:'';position:absolute;top:0;left:0;width:calc(100% + var(--stripe-size));height:100%;background:repeating-linear-gradient(45deg,var(--anm-tmpl-color2) 25%,var(--anm-tmpl-color2) 50%,var(--anm-tmpl-color) 50%,var(--anm-tmpl-color) 75%);background-size:var(--stripe-size) var(--stripe-size);-webkit-animation:stripeTransform var(--anm-tmpl-duration) linear infinite;animation:stripeTransform var(--anm-tmpl-duration) linear infinite}
.animate-container .stripe::after{content:'';position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(27,39,53,0) 0,#090a0f 100%)}
@-webkit-keyframes stripeTransform{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(calc(var(--stripe-size) * -1));transform:translateX(calc(var(--stripe-size) * -1))}
}
@keyframes stripeTransform{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(calc(var(--stripe-size) * -1));transform:translateX(calc(var(--stripe-size) * -1))}
}
@-webkit-keyframes stripeBackgroundPosition{0%{background-position:0 0}
100%{background-position:calc(var(--stripe-size) * -1) 0}
}
@keyframes stripeBackgroundPosition{0%{background-position:0 0}
100%{background-position:calc(var(--stripe-size) * -1) 0}
}