:root{
/*color*/
--color1:#f6f6f6;
--color2:#d7d7d7;
--color3:#555;
--color4:#e0e0e0;
--color5:#999;
--color6:#afafaf;
--color7:#182f86;
--color8:#666;
--color9:#0d0f17;
--color10:#232940;




/*border-radius*/
--radius1:5px;
--radius2:10px;
--radius3:3px;



/*font*/
--fsize1:16px;
--fsize2:21px;
--fsize3:25px;
--fsize4:74px;
--fsize5:38px;
--fsize6:20px;
--fsize7:18px;
--fsize8:45px;
--fsize9:26px;
--fsize10:50px;
--fsize11:32px;


}

@media (max-width:1024px){
:root{
/*font*/
--fsize1:15px;
--fsize2:18px;
--fsize3:22px;
--fsize4:64px;
--fsize5:30px;
--fsize7:16px;

}

@media (max-width:768px){
:root{
--fsize1:14px;
--fsize2:16px;
--fsize3:19px;
--fsize4:43px;
--fsize5:26px;
--fsize6:17px;
--fsize7:15px;
--fsize8:32px;
--fsize9:20px;
--fsize10:40px;
}
}