デプロイしようとしたらSassC::SyntaxError: Error: Invalid CSS after "/": expected 1 selector or at-rule, was "/*

コード
```デプロイしようとたらSassC::SyntaxError: Error: Invalid CSS after "/": expected 1 selector or at-rule, was "/*"
remote:                on line 1:1 of stdin
remote:        >> /*
というエラーが出ました。。cssは何が問題なのかわかりませんでした。。scssは用意していないのでcssが問題だと言われているのでみてみました。
以下のcssにはどんな問題があるのでしょうか？この問題が分かる方何卒ご教示お願いします、


h1 {
  font-size: 50px;
}
body {
  margin:0;
}
header {
  position: fixed;
  top: 0;
  display: flex;
  width: 100%;
}
.My-Name {
  top: 0;
  height:auto;
  width: 50%;
  font-size:200%;
  background-color: white;
  background-size: cover;
  background-position: fixed;
  padding: 0px 0px 10px 30px;
  font-family: 'Noto Serif JP', serif;
}
.navbar{
  width: 50%;
  padding: 20px;
  background-color: white;
  background-size: cover;
}
.nav-lists {
 padding: 0;
  margin-top:30px;
  display: flex;
  justify-content: space-around;
  font-family: 'Noto Serif JP', serif;
}
.nav-lists a {
  color:black;
}
li {
  list-style: none;
  padding-left: 10px;
}
a {
  text-decoration:none;
}
.head-image {
  height: 600px;
  width: 100%;
  background-image: url("<%= asset_path("240eba1ae4430910eb94660551f77.jpg") %>");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-attachment: fixed;
}
.common-container {
  width :100%;
  height: 100px;
}
.none10 {
margin: 40px 0px;
}
.none20 {
margin: 40px 0px;
}
.about-container {
  width :100%;
  height: 70px;
}
.about {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.about-discription {
margin: 0 15%;
  letter-spacing:normal;
}
.reference {
color: black;
border-bottom :solid;
border-color :black;
border-width :1px;
}
.title-about {
margin: 0px 30px 0px 160px;
}
.skills-container {
  width :100%;
  height: 250px;
}
.skills {
  height : auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  word-break: break-all;
}
.works-container {
  width :100px;
  height: 200px;
}
.contacts-container {
  height : auto;
}
.enclose{
padding-left: 10%;
}
.pfsite {
display: flex;
    }
.plivate-works {
text-align: center;
}
.image-wrapper{
width: 48%;
margin:0% 2%;
}
.works-anker{
width: 100%;
height: 150px;
}
.works-image {
width :100%;
}
.works-discription {
width: 48%;
text-align: light;
display:inline-block;
word-break: break-all
}
.furima {
display: flex;
}
.furima-29802 {
color: black;
border-bottom :solid;
border-color :black;
border-width :1px;
display: flex;
display: inline-block;
}
.none1 {
margin: 20px 0px 0px 0px;
}
.none2 {
margin: 0px;
}
.none3 {
margin: 20px 0px 0px 0px;
}
.none4 {
margin: 0px ;
}
.app-container {
width : 100%;
height :20px;
}
.contacts-container {
  width : 100%;
  height :300px;
}
.contacts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color:#000000;
}
.back-container{
width : 100%;
height :200px
}
.fab.fa-instagram , .fab.fa-github, .fas.fa-paper-plane.fa-4x{
  z-index: 999;
  color:#000000;
  height: 100px;
}
.fa-large{
  font-size: 100px;
}
#pageTop{
  z-index: 20;
  position: fixed;
  bottom: 0;
  right: 20px;
}
#pageTop i {
  padding-top: 6px
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  position:relative;
  text-decoration: none;
  opacity: 0.7;
}
footer{
  z-index: 10;
  position:fixed;
  bottom: 0;
  width: 100%;
  height: 100px;
}
@media(max-width: 1024px) {
.skills-container{
width: 100%;
height: 400px;
}
.works-container{
width: 100%;
height: 400px;
}
.contacts-container{
width:100%;
height: 350px;
}
@media (max-width: 599px) {
.My-Name{
width: 30%;
padding: 0px 0px 3px 15px;
font-size: 140%;
}
.navbar {
width :70%;
}
.head-image {
width: 100%;
}
.triangle{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid black;
  margin: 20% auto 0;
}
.image-wrapper{
width: 48%;
margin:0% 2%;
}
.skills-container {
  width :100%;
  height: 255px;
}
.works-container {
  width :100px;
  height: 260px;
}
 .works-image{
 width: 100%;
 }
 .works-discription{
 width: 48%;
 }
.contacts-container {
width: 100%;
height: 260px;
}
 .pfsite {
    display: flex;
    width: 100%;
    }

 */```ここに言語を入力
コード以下appliication.cssです。
```/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self.
 */