:root{
/*color*/
--maincolor:#d92324;
--subcolor:#5c5c5c;
--txtcolor:#242424;
--viewcolor:#838383;
--titlecolr:#111;
--bordercolor1:#bcbcbc;
--bordercolor2:#111;
--bordercolor3:#dcdcdc;
--point1:#ff1d20;
--point2:#ff7700;
--point3:#ffbb00;


/*background*/
--btnbg1:#6c6c6c;
--btnbg2:#3c3c3c;
--btnbghover:#0b0b0b;
--bgcolor1:#ce2628;
--bgcolor2:#f1f1f1;
--bgcolor3:#e24848;
--bgcolor4:#eec390;
--bgcolor5:#2e2e2e;

/*border-radius*/
--radius1:5px;
--radius2:20px;
--radius3:99999999px;
--radius4:5px;

/*font*/
--fsize1:18px;
--fsize2:20px;
--fsize3:30px;
--fsize4:11px;
--fsize5:22px;
--fsize6:16px;
--fsize7:14.5px;
--fsize8:25px;
}


@media (max-width:640px) {
:root{
/*font*/
--fsize1:16px;
--fsize2:17px;
--fsize3:26px;
--fsize4:10px;
--fsize5:20px;
--fsize6:14px;
--fsize7:12.5px;
--fsize8:22px;
}
}