when i run my code it does not appear to be in mobile and i cant figure out why this is my css code $.$mobile h$1$

$\{$

padding: $2\%$;

text$-$align: center;

font$-$family: "Emblema One", system$-$ui;

font$-$weight: $400$;

font$-$style: normal;

$\}$

$.$mobile h$3$

$\{$

padding: $2\%$;

text$-$align: center;

font$-$family: "Lora", serif;

font$-$optical$-$sizing: auto;

font$-$weight: $400$;

font$-$style: normal;

$\}$

$/*$Style rules to show mobile class and hide tab$-$desk class$*/$

$.$mobile

$\{$

display: block;

$\}$

and this is where i call it in html

head$>$