StarRatingで読み込まれない部分がある.

StarRatingで星を表示したい

https://kodocode.net/design-css-rating/　を参考にやっているのですがうまくいかないです. CSS初心者なので基礎的なミスかもしれないのですが,,,

発生している問題・エラーメッセージ

本来星が現る画面で何故か星がうまく読み込めていないです. CSS, HTMLの設定は変えていないのですが何が原因なのでしょうか

該当のソースコード

layout

html
1<div class="cont">
2    <div class="title">
3      <h1>stars<span>機能性</span></h1>
4    </div>
5    <div class="stars">
6    <form action="">
7      <input class="star star-5" id="star-5" type="radio" name="star"/>
8      <label class="star star-5" for="star-5"></label>
9      <input class="star star-4" id="star-4" type="radio" name="star"/>
10      <label class="star star-4" for="star-4"></label>
11      <input class="star star-3" id="star-3" type="radio" name="star"/>
12      <label class="star star-3" for="star-3"></label>
13      <input class="star star-2" id="star-2" type="radio" name="star"/>
14      <label class="star star-2" for="star-2"></label>
15      <input class="star star-1" id="star-1" type="radio" name="star"/>
16      <label class="star star-1" for="star-1"></label>
17    </form>
18    </div>
19      <p>click the stars</p>
20    </div>
21    
22    
23    <div class="cont">
24    <div class="stars">
25    <form action="">
26      <input class="star star-5" id="star-5-2" type="radio" name="star"/>
27      <label class="star star-5" for="star-5-2"></label>
28      <input class="star star-4" id="star-4-2" type="radio" name="star"/>
29      <label class="star star-4" for="star-4-2"></label>
30      <input class="star star-3" id="star-3-2" type="radio" name="star"/>
31      <label class="star star-3" for="star-3-2"></label>
32      <input class="star star-2" id="star-2-2" type="radio" name="star"/>
33      <label class="star star-2" for="star-2-2"></label>
34      <input class="star star-1" id="star-1-2" type="radio" name="star"/>
35      <label class="star star-1" for="star-1-2"></label>
36      <div class="rev-box">
37        <textarea class="review" col="30" name="review"></textarea>
38        <label class="review" for="review">Breif Review</label>
39      </div>
40    </form>
41    </div>
42    </div>
43