css text larger on hover

1#sname {
2    margin-top: 100px;
3    margin-bottom: 100px;
4    color: rgba(1,1,1,0.7);
5}
6
7#sname a {
8    font-weight: bold;
9    font-size: 4em;
10    transition: all 500ms;
11}
12    
13#sname a:hover {
14    font-size:88px;
15    font-size-adjust: 20px;
16}
17
18*/
19<div id="sname">
20    <a href="#">test</a>
21</div>
22*/