:root {
  --mainColor: ;
  --mainFontColor: rgb(78, 180, 180);
  --mainBorder: 1.5px solid var(--mainFontColor);
}

#mainBg {
  background-image: url(img/bg.jpg);
}

.mainCover {
  background-color: rgba(252, 252, 252, 0.644);
}

#home {
  background-image: url(img/home.jpg);
}

.homeCover {
  /*background-color:rgba(64,33,15,0.1);*/
}

#sns ul li {
  filter: brightness(0);
}

#audio {
  margin: auto;
  width: 70%;
}

@media screen and (max-width:1024px) {}

@media screen and (max-width:400px) {
  #home {
    height: 50vw;
  }

  #audio {
    margin: auto;
    width: 100%;
    height: 100%;
  }
}

@media only screen and (max-width: 950px) {
  ul.mainList {
    background-color: rgba(235, 228, 228, 0.651);
  }