/* @import url("https://fonts.googleapis.com/css?family=Lato|Russo+One"); */
@font-face {
    font-family: LoveTaking;
    src: url('/font/love-taking.regular.ttf');
}
body{
    width: 100% !important;
    padding: 0;
    margin: 0;
    height: 100vh;
    /* background: rgb(204,43,94); */
    background: rgba(165,19,0,255);
    /* background: linear-gradient(180deg, rgba(204,43,94,1) 0%, rgba(117,58,184,1) 74%, rgba(117,58,184,1) 100%); */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* .background {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 0;
} */
@media only screen and (min-width: 310px) and (max-width: 413px){
    .comingsoon-img {
        width: 100%;
        height: 100%;
        justify-content: center;
      }

    img {
        max-width: 100%;
        max-height: auto;
    }
    .comingsoon-text {
        font-family: LoveTaking;
        font-size: 8pt;
        font-weight: bold;
        text-align: center;
        color: #f4f4f4;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media only screen and (min-width: 414px) and (max-width: 500px){
    .comingsoon-img {
        width: 100%;
        height: 100%;
        justify-content: center;
      }

    img {
        max-width: 100%;
        max-height: auto;
    }
    .comingsoon-text {
        font-family: LoveTaking;
        font-size: 10pt;
        font-weight: bold;
        text-align: center;
        color: #f4f4f4;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media only screen and (min-width: 501px) and (max-width: 767px){
    .comingsoon-img {
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        justify-content: center;
        text-align: center;
      }
      img {
        max-width: 100%;
        max-height: auto;
      }
      .comingsoon-text {
        font-family: LoveTaking;
        font-size: 10pt;
        font-weight: bold;
        text-align: center;
        color: #f4f4f4;
        margin-top: 10px;
        margin-left: 50px;
        margin-right: 50px;
      }
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
    .comingsoon-img {
        width: 100%;
        height: 100%;
        margin-top: 20px;
        justify-content: center;
        text-align: center;
    }

    img {
        max-width: 90%;
        max-height: auto;
    }

    .comingsoon-text {
        font-family: LoveTaking;
        font-size: 12pt;
        font-weight: bold;
        text-align: center;
        color: #f4f4f4;
        margin-top: 10px;
        margin-left: 50px;
        margin-right: 50px;
    }
}
/* tes */
@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .comingsoon-img {
        width: 100%;
        height: 100%;
        justify-content: center;
        text-align: center;
    }
    img {
        width: 100%;
        height: auto;
    }

    .comingsoon-text {
        font-family: LoveTaking;
        font-size: 10pt;
        font-weight: bold;
        text-align: center;
        color: #f4f4f4;
        margin-top: -10px;
        margin-left: 50px;
        margin-right: 50px;
    }
}
@media only screen and (min-width: 1280px) and (max-width:3000px) {
    .comingsoon-img {
        width: 100%;
        height: 100%;
        justify-content: center;
        text-align: center;
    }

    img {
        max-width: 100%;
        max-height: auto;
    }

    .comingsoon-text {
        font-family: LoveTaking;
        font-size: 12pt;
        font-weight: bold;
        text-align: center;
        color: #f4f4f4;
        margin-top: -10px;
        margin-left: 50px;
        margin-right: 50px;
    }
}
/* .opening, .detailtext{
    font-size: 20px;
    padding: 0 1em;
    color: #ffffff;
} */