[HTML&CSS]buttunの装飾、配置変更方法が知りたい

練習でAirbnbのホームページを模写しています。

CSSを色々試してみましたが、CSSが反映されません。
Get started, はじめるの２種類のボタンを作りたいのですが、
何が原因なのでしょうか。
ご教示いただけますと幸いです。

参考URL→Airbnbのホームページ
https://www.airbnb.jp/d/safety?_set_bev_on_new_domain=1597035051_NjA4NzkwMzZiM2U5

HTML
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="UTF-8">
5    <title>Airbnbでお家、アパート、お部屋をシェアしよう</title>
6    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
7    <link rel="stylesheet" href="./Forstudies.css">
8  </head>
9
10<body>
11  <div class="header">
12  <ul>
13  <img class="headerlogo" src="airbnblogo.jpg" alt="エアビーロゴ">
14  <li>概要</li>
15  <li>準備</li>
16  <li>安全</li>
17  <li>マネープラン</li>
18</ul>
19</div>
20
21<button class="button1" type="submit">Get Started</button>
22
23  <div class="mainheader">
24
25  <p>安全対策</p>
26  <h1>Airbnbはホストを守ります</h1>
27  <h2>Airbnbはホストとゲストのみなさま、宿泊施設の安全を万全の体制でお守りします。</h2>
28  </div>
29  <button class="button2" type="submit">はじめる</button>
30
31
32
33  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
34<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
35<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
36</body>
37
38
39</html>

CSS
1.headerlogo {
2  height: 60px;
3  width: 50px;
4  padding-right: 10px;
5}
6
7.header {
8  background: white;
9}
10
11.header li {
12  display: inline;
13  padding-right: 10px;
14  padding-left: 10px;
15  font-weight: bold;
16}
17
18.button1 {
19  background-color:#FF3366;
20  color:white;
21  border-radius: 5px;
22  border-style: none;
23  padding:5px 10px 5px 10px;
24  right:60px;
25  top: 30px;
26  }
27
28.mainheader {
29  justify-content: center;
30  font-weight: bold;
31}
32
33.mainheader h2 {
34  font-size: 40px;
35}
36
37.button2 {
38  background-color:#FF3366;
39  color:white;
40  border-radius: 5px;
41  border-style: none;
42  padding:5px 10px 5px 10px;
43
44  }
45
46