@font-face {
    font-family: 'ChollaUnicase';
    src: url('ChollaUnicase.woff2') format('woff2'),
        url('ChollaUnicase.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Enlighten your Destiny';
    src: url('EnlightenyourDestiny.woff2') format('woff2'),
        url('EnlightenyourDestiny.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



*{
  margin: 0;
  padding: 0;
}

body{
  font-size:16px;
  font-weight: 500;
  overflow-x: hidden;
  color: white;
  background-color: rgba(0,0,0,0.1);
}

a:hover{ color:inherit; text-decoration:none; }
a{ color:inherit; text-decoration: none;}
li{ list-style: none;}

.flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.god-hand{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.c-flex{
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.c-relative{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.cover{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bgcover{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

input,
textarea,
button{
  border-radius: 0px;
  background: none;
  box-shadow: none;
  border: 0px;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
*:focus{
    outline: none;
}

.container{
  width: calc(100% - 60px);
  max-width: 1073px;
  margin: 0 auto;
}

.lcon{
  max-width: 1155px;
}

.scon{
  max-width: 1086px;
}

.noselect {
  -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}

/* ============= */
/* Lets ROCK   */
/* ========  */

.spcms{
  position: relative;
  width: 100%;
  height: 100vh;
}
.spcms h2{
  font-family: 'Enlighten your Destiny';
  font-weight: normal;
  font-size: 167px;
  line-height: 160px;
  text-align: left;
  color: #ccc;
  position: absolute;
  transform: rotate(-31deg);
  transform-origin: right;
  top: 10px;
  left: 30px;
}
.ctnya h1{
  font-family: ChollaUnicase;
  font-weight: normal;
  font-size: 55px;
  letter-spacing: 0.3em;
  line-height: 55px;
  text-align: center;
  color: #ccc;
}
.ctnya h1 span{
  display: block;
  font-weight: normal;
  font-size: 37px;
  letter-spacing: 0.06em;
  line-height: 37px;
  margin-top: 15px;
  padding-right: 11px;
}
.ctnya{
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}
.logo{
  transform: translateY(-84%);
}
/* ============= */
/* RESPONSIVE  */
/* ========  */

@media (max-width: 1280px){

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

}
@media (max-width: 900px){
  .spcms h2{
        font-size: 117px;
        left: 0;
        top: 5px;
  }
}
@media (max-width: 500px){
  .ctnya{
    flex-direction: column;
    align-items: center;
    bottom: 88px;
  }
  .ctnya h1{
    font-size: 35px;
    line-height: 41px;
  }
  .ctnya h1 span{
    font-size: 26px;
    line-height: 33px;
  }
  .logo {
      transform: translateY(0%);
      width: 100px;
      margin-bottom: 35px;
  }
  .spcms h2{
    transform: unset;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    width: 100%;
    text-align: center;
    top: 0;
    line-height: 113px;
    font-size: 92px;
  }
}