:root {
    --mastergreen: #b295fd;
    --mastergreen-hover: #524d5e;
    --masteryellow: #eef7d5;
    --mastergreenshine: #67509f;
}
header .prize{
    background: linear-gradient(85deg, #67509f -50%, rgba(0, 0, 0, 0) 60%);
}
header .prize .prize-value{
    color: var(--mastergreen);
}
header .login .btn-login{
    color: var(--masteryellow);
    background: var(--mastergreenshine);
}
aside .avatars .avatar{
    border-color: var(--mastergreenshine);
    filter: drop-shadow(0px 0px 20px rgba(103, 80, 159, 0.4));
}
.btn-mastergreen{
    color: var(--masteryellow);
    background: var(--mastergreenshine);
    border-color: var(--mastergreenshine);
}
.event-item,
.event-item.type-class-2{
    background-color: var(--mastergreenshine);
    border-color: var(--mastergreenshine);
}
.sponsor-setting-item .sponsor-image.active,
.account-v2 .menu-page ul li.active,
.event-item.type-class-2 .subhead .avatar{
    border-color: var(--mastergreenshine);
}
.event-item .subhead,
.event-item.type-class-2 .subhead,
.event-item.type-class-2 .subhead .date{
    background-color: var(--mastergreenshine);
}
.event-item .subhead .date,
.event-item .content .title,
.event-item .content .description,
.event-item .time,
.pagination li a,
.event-item.type-class-2 .subhead .title{
    color: var(--masteryellow);
}
.custom-checkbox input:checked ~ label.box:before,
.event-item .subhead .date{
    background-color: var(--mastergreenshine);
}
.pagination li:hover a, .pagination li.active a{
    background-color: var(--mastergreenshine);
    color: var(--masteryellow);
}
.account-v2 .menu-page ul li.active a,
.co-c {
    color: var(--mastergreen);
}
@media (max-width: 600px){
    .prize.mobile img{
        max-height: 50px;
    }
    .prize.mobile{
        background: linear-gradient(85deg, var(--mastergreen) -50%, rgba(103, 80, 159, 0.4) 60%);
    }
}