文字が被ってしまうのですがどうしたら良いでしょうか？

pタグの”好きな曲をいつでも、好きな時に”とaタグの”今すぐ登録”の文字の間隔が35px開けたいのですが、positionで親要素から指定されたpxをtopとleftで打ったのですがうまくいきません。
何が問題なのでしょうか?

該当のソースコード

HTML
1<!DOCTYPE html>
2<html lang="jp">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
7    <link rel="stylesheet" href="CSS/style.css">
8    <title>lesson2</title>
9  </head>
10
11  <body>
12
13<header>
14  <h1>Musia</h1>
15  <div class="header-menu">
16  <a href="#">Premium</a>
17  <a href="#">Help</a>
18  <a href="#">Register</a>
19  <a href="#">Login</a>
20  </div>
21</header>
22
23
24
25<div class="one">
26<img src="./CSS/img/画像 1.png" alt="画像 1.png">
27<h1>Musiaで音楽を聴こう。</h1>
28<p class="top-p">配信曲は4000万曲以上</p>
29<p class="bottom-p">好きな曲をいつでも、好きな時に</p>
30<a href="#">今すぐ登録</a>
31</div>
32
33
34<div class="two">
35
36</div>
37<div class="three">
38
39</div>
40<div class="four">
41
42</div>
43<div class="five">
44
45</div>
46<div class="six">
47
48</div>
49<div class="seven">
50
51</div>
52
53
54
55<footer>
56
57</footer>
58
59  </body>
60
61</html>
62

css
1@import url("sanitize.css");
2
3body {
4  width: 100%;
5}
6
7header {
8  width: 100%;
9  height: 150px;
10  position: relative;
11  font-family: Apple LiGothic;
12}
13
14header h1{
15  margin: 0;
16  width: 126px;
17  position: absolute;
18  top: 55px;
19  left: 80px;
20  font-size: 60px;
21  color: #1BD3C5;
22
23}
24
25.header-menu {
26  font-size: 40px;
27  margin-right:20px;
28  position: absolute;
29  top: 40%;
30  right: 20px;
31}
32
33.header-menu a {
34  margin: 0;
35  color: #1BD3C5;
36  margin-right: 60px;
37}
38
39a {
40    text-decoration: none;
41}
42
43.one {
44    width: 100%;
45    height: 1025px;
46    background: linear-gradient(118deg, #00FFD8, #00CEFF);
47    font-family: Apple SD Gothic Neo;
48    position: relative;
49    color: #FFFFFF;
50}
51
52.one img {
53  width: 1367px;
54  height: 100%;
55  position: absolute;
56  top: 0;
57  right: 0;
58  opacity:0.7;
59}
60
61.one h1 {
62  margin: 0;
63  position: absolute;
64  top:142px;
65  left:125px;
66  font-size: 130px;
67}
68
69.one p {
70  font-size: 60px;
71}
72
73.top-p {
74  position: absolute;
75  top:323px;
76  left:125px;
77}
78
79.bottom-p{
80  position: absolute;
81  top:410px;
82  left:125px;
83}
84
85/* 文字が被ってしまう  */
86
87.one a {
88  position: absolute;
89  top:517px;
90  left:125px;
91  font-size: 60px;
92  border: 4px solid #FFFFFF;
93  color: #FFFFFF;
94  padding: 10px 47px 2px 47px;
95  
96  display: inline-block;
97}
98