.colorful-tab-wrapper{width:95%;margin:0.9% auto;padding:20px;box-sizing:border-box;overflow:hidden;position:relative;}
.colorful-tab-wrapper:before{position:absolute;height:100%;width:100%;display:flex;opacity:0;visibility:hidden;left:0;top:0;content:"";box-sizing:border-box;overflow:hidden;transform:scale(2) rotate(10deg);font-size:50px;transition:all .6s ease 0s;padding-top:60px;align-items:center;justify-content:center;color:#FFF}
.colorful-tab-wrapper.active:before{content:attr(active-tab);transform:scale(1) rotate(0deg);font-family:"Montserrat";z-index:9;opacity:1;visibility:visible}
.colorful-tab-wrapper.active .colorful-tab-content{color:white;}
.colorful-tab-menu{display:flex;flex-wrap:wrap;background:rgba(255,255,255,0.1);margin-bottom:20px;position:relative;z-index:99}
.colorful-tab-menu-item{flex:1 1 auto;align-self:stretch}
.colorful-tab-menu-item a{display:block;text-decoration:none;font-family:"Montserrat";color:#333;text-align:center;padding:20px 0;font-size:18px;}
.colorful-tab-menu-item.active a{background:rgba(255,255,255,0.3);}
.colorful-tab-content{height:0;overflow:hidden;opacity:0;color:#333;visibility:hidden;position:relative;z-index:9;font-family:"Questrial";font-size:15px;line-height:28px;width:0;letter-spacing:.4px;transform:scale(0.9);transition:all .3s ease-in;filter:blur(2px)}
.colorful-tab-content.active{height:auto;overflow:auto;transition-delay:.7s;width:auto;opacity:1;filter:blur(0);visibility:visible;transform:scale(1)}