:root{
/*color*/
--bg1:#f3f3f3;
--bg2:#e3ebf3;
--bg3:#e0e0e0;
--bg4:#e6efee;


--color1:#e0e0e0;
--color2:#777;
--color3:#333;
--color4:#5d5d5d;
--color5:#016a7c;
--color6:#259f84;
--color7:#c6640d;
--color8:#a4b7b8;
--color9:#0c3d4d;
--color10:#cdddde;

/*border-radius*/
--radius1:5px;
--radius2:10px;
--radius3:15px;
--radius4:25px;


/*font*/
--fsize1:18px;
--fsize2:20px;
--fsize3:28px;
--fsize4:42px;
--fsize5:67px;
--fsize6:16px;
--fsize7:22px;
--fsize8:72px;
--fsize9:30px;
--fsize10:14px;
--fsize11:26px;
--fsize12:24px;
--fsize13:58px;
}

@media (max-width:1024px){
:root{
/*font*/
--fsize1:16px;
--fsize2:17px;
--fsize3:16px;
--fsize4:18px; 
--fsize5:36px;
--fsize6:16px;
--fsize7:18px;
--fsize8:38px;
--fsize9:18px;
--fsize11:20px;
--fsize12:17px;
--fsize13:32px;
}

@media (max-width:768px){
:root{

}
}