:root{
/*color*/
--bcr:#e0e0e0;
--cr0:#333;
--cr1:#6c6059;
--cr2:#ded9d2;
--cr3:#f2ede5;
--cr4:#37322c;



/*BackgrondColor*/
--bg1:#9f9e98;
--bg2:#948e88;
--bg3:#22211f;
--bg4:#161615;
--bg5:#f6f3f0;
--bg6:#cac2bd;
--bg7:#292725;




/*border-radius*/
--radi1:5px;
--radi2:10px;
--radi3:15px;
--radi4:20px;



/*font*/
--fs1:18px;
--fs2:19px;
--fs3:30px;
--fs4:62px;
--fs5:22px;
--fs6:30px;
--fs7:47px;
--fs8:26px;
--fs9:16px;
--fs10:14px;



/*subFont*/
--subf1:28px;
--subf2:68px;
--subf3:22px;
--subf4:55px;
--subf5:20px;
--subf6:45px;
--subf7:25px;
}

@media (max-width:1024px){
:root{
/*font*/
--fs1:16px;
--fs2:17px;
--fs3:22px;
--fs4:48px;
--fs5:19px;
--fs6:24px;
--fs7:37px;
--fs8:20px;

/*subFont*/
--subf1:24px;
--subf2:64px;
--subf3:18px;
--subf4:50px;
--subf5:16px;
--subf6:40px;
--subf7:20px;
}


}

@media (max-width:768px){
:root{
/*font*/
--fs1:14px;
--fs2:15px;
--fs3:20px;
--fs4:32px;
--fs5:16px;
--fs6:18px;
--fs7:28px;
--fs8:18px;
--fs9:13px;

/*subFont*/
--subf1:16px;
--subf2:38px;
--subf3:15px;
--subf4:32px;
--subf5:16px;
--subf6:28px;
--subf7:17px;

}
}