カーソルがクリック時のものになってしまう

Self Introduction(添付写真ご覧ください)以降のページ全てで
カーソルキーがクリック使用のものになってしまいます。
通常のキーカーソルに戻したいのですが原因がわかりません。以前にも似たような問題があり重複した質問となってしまい申し訳ありません、、、

HTML5
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>TakashiPersonal</title>
7    <link rel="stylesheet" href="style.css">
8    <link rel="stylesheet" href="responsive.css">
9    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
10  </head>
11  <body>
12    <header>
13      <div class="container">
14        <div class="header-left"></div>
15        
16        <span class="fa fa-bars menu-icon"></span>
17  
18        <div class="header-right">
19          <a href="#">About</a>
20          <a href="#">Blog</a>
21          <a href="#" class="login">Contact</a>
22        </div>
23      </div>
24    </header>
25    <div class="top-wrapper">
26      <div class="container">
27        <h1>HELLO IT'S ME.</h1>
28        <h1>I AM TAKASHI.</h1>
29        <p>Marketing Analyst/Assistant<p>
30        <p>Co-Founder and CEO of <a href="#" target="_blank"><strong>FLOW</strong></p>
31      </div>
32    </div>
33    <div class="lesson-wrapper">
34      <div class="container">
35        <div class="heading">
36          <h2>Self Introduction</h2>
37        </div>
38        <div class="lessons">
39          <div class="lesson">
40            <div class="lesson-icon">
41              <img src="https://prog-8.com/images/html/advanced/html.png">
42              <p>Background</p>
43            </div>
44            <p class="text-contents">Royal Holloway University of London</p>
45          </div>
46          <div class="lesson">
47            <div class="lesson-icon">
48              <img src="https://prog-8.com/images/html/advanced/jQuery.png">
49              <p>Languages & Skills</p>
50            </div>
51            <p class="text-contents">English</p>
52          </div>
53          <div class="lesson">
54            <div class="lesson-icon">
55              <img src="https://prog-8.com/images/html/advanced/ruby.png">
56              <p>Work Experinece</p>
57            </div>
58            <p class="text-contents">December 2015 ~ August 2016</p>
59          </div>
60          <div class="lesson">
61            <div class="lesson-icon">
62              <img src="https://prog-8.com/images/html/advanced/php.png">
63              <p>Currently Learning</p>
64            </div>
65            <p class="text-contents">Python</p>
66          </div>
67          <div class="clear"></div>
68        </div>
69      </div>
70    </div>
71    <div class="message-wrapper">
72      <div class="container">
73        <div class="heading">
74          <h2>Recent Post of my Blog</h2>
75          <h3>Please leave me a comment!</h3>
76        </div>
77        <span class="btn message">Blog</span>
78      </div>
79    </div>
80    <footer>
81      <div class="container">
82        <p>It's not too late to start</p>
83      </div>
84    </footer>
85  </body>
86</html>

CSS
1* {
2  box-sizing: border-box;
3}
4
5body {
6  margin: 0;
7  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
8}
9
10a {
11  text-decoration: none;
12}
13
14.clear {
15  clear: left;
16}
17
18.container {
19  width:1170px;
20  padding-bottom: : 100px;
21  padding-left:15px;
22  padding-right:15px;
23  margin-left:auto;
24  margin-right:auto;
25}
26
27.top-wrapper {
28  padding: 180px 0 100px 0;
29  background-image: url(londonpic.jpg);
30  background-size: cover;
31  color: white;
32  text-align: center;
33}
34
35
36.top-wrapper h1 {
37  font-size: 75px;
38  letter-spacing: 10px;
39}
40
41.top-wrapper p {
42  font-size: 30px;
43}
44
45.btn-wrapper {
46  text-align: center;
47  margin: 20px 0;
48}
49
50.btn-wrapper p {
51  margin: 10px 0;
52}
53
54.signup {
55  background-color: #239b76;
56}
57
58.facebook {
59  background-color: #3b5998;
60  margin-right: 10px;
61}
62
63.twitter {
64  background-color: #55acee;
65}
66
67.btn {
68  padding: 8px 24px;
69  color: white;
70  display: inline-block;
71  opacity: 0.8;
72  border-radius: 4px;
73  text-align: center;
74}
75
76.btn:hover {
77  opacity: 1;
78}
79
80.fa {
81  margin-right: 5px;
82}
83
84header {
85  height: 65px;
86  width: 100%;
87  background-color: rgba(34, 49, 52, 0.9);
88  position :fixed;
89  top: 0;
90  z-index: 10;
91}
92
93.logo {
94  width: 124px;
95  margin-top: 20px;
96}
97
98.header-left {
99  float: left;
100}
101
102.header-right {
103  float: right;
104  margin-right: -25px;
105}
106
107.header-right a {
108  line-height: 65px;
109  padding: 0 25px;
110  color: white;
111  display: block;
112  float: left;
113  transition: all 0.5s;
114}
115
116.header-right a:hover {
117  background-color: rgba(255, 255, 255, 0.3);
118}
119
120
121.menu-icon {
122  color: white;
123  float: right;
124  font-size: 25px;
125  padding: 21px 0;
126  display: none;
127}
128
129.lesson-wrapper {
130  padding-bottom: 95px;
131  padding-left: 5%;
132  padding-right: 5%;
133  background-color: #f7f7f7;
134  text-align: center;
135}
136
137.heading {
138  padding-top: 80px;
139  padding-bottom: 50px;
140  color: #5f5d60;
141}
142
143.heading h2 {
144  font-weight: normal;
145  font-size: 40px;
146}
147
148.lesson {
149  float: left;
150  width: 25%;
151}
152
153.lesson-icon {
154  position: relative;
155}
156
157.lesson-icon p {
158  position: absolute;
159  top: 44%;
160  width: 100%;
161  color: white;
162}
163
164.text-contents {
165  width: 80%;
166  display: inline-block;
167  margin-top: 15px;
168  font-size: 13px;
169  color: #b3aeb5;
170}
171
172.heading h3 {
173  font-weight: normal;
174}
175
176.message-wrapper {
177  border-bottom: 1px solid #eee;
178  padding-bottom: 80px;
179  text-align: center;
180}
181
182.message {
183  padding: 15px 40px;
184  background-color: #5dca88;
185  cursor: pointer;
186  box-shadow: 0 7px #1a7940;
187}
188
189.message:active {
190  position: relative;
191  top: 7px;
192  box-shadow: none;
193}
194
195footer img {
196  width: 125px;
197}
198
199footer p {
200  color: #b3aeb5;
201  font-size: 12px;
202}
203
204footer {
205  padding-top: 30px;
206  padding-bottom: 20px;
207}

行動規範の内容に同意します

回答2件

上の方が回答されていますが一応具体的に、、

html
1<p>Co-Founder and CEO of <a href="#" target="_blank"><strong>FLOW</strong></a></p>

とします。
(<strong>FLOW</strong>の後に</a>を追加します)

投稿2019/03/30 14:52

編集2019/03/30 15:11

ryuto.nakamura

総合スコア60

ベストアンサー

</a> が足りないからです。

HTML
1<p>Co-Founder and CEO of <a href="#" target="_blank"><strong>FLOW</strong></p>

投稿2019/03/30 14:36

kei344

総合スコア69398

TakashiKaida

2019/03/30 14:39

</a>どこに入れれば良いのか教えていただけますでしょうか、、、？

kei344

2019/03/30 14:42

HTMLの文法に沿っていればどこでもいいのですが、どのあたりがわからないのでしょうか。開始タグと終了タグがあることは知っていますか？

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

カーソルがクリック時のものになってしまう

関連した質問