@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


body{
    background-color: #FF0001;
    color: #FFFFFF;
    text-align: center;
    background: repeating-linear-gradient(135deg, #FF0001, #FF0001 10px, #ff5a5a 10px, #ff5a5a 20px);
    font-family: "M PLUS Rounded 1c", sans-serif;
}
#main{
    position: relative;
    height: 100vh;
}
#inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FF0001;
    padding: 4vw 0 3vw;
    border: 8px solid #ffffff;
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

h1{
    font-size: clamp(1.75rem, 0.154rem + 7.29vw, 5.625rem); /* 28 - 90*/
    line-height: 1.15;
    font-weight: 900;
    margin-bottom: 0.5rem;
    letter-spacing: -0.1rem
}
h2{
    font-size: clamp(1.25rem, 0.478rem + 3.53vw, 3.125rem);/* 20 - 50 */
    font-weight: 700;
    font-family: "Anton", sans-serif;
    letter-spacing: .15rem
}
h2 small{
    font-size: 65%;
}
#countdown{
    background-color: #ffffff;
    color: #FF0001;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.5rem
}
h3{
    font-size: clamp(1.25rem, 0.607rem + 2.94vw, 2.813rem); /* 20 - 45*/
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.25
}
#countdown span{
    font-size: clamp(2.5rem, 0.956rem + 7.06vw, 6.25rem); /* 40 - 100*/
    font-weight: 900;
    font-family: "Anton", sans-serif;
    line-height: 1.2;
    letter-spacing: .15rem
}
#countdown span.txt{
    font-size:clamp(1rem, 0.382rem + 2.82vw, 2.5rem);/* 16 - 40*/
    font-family: "M PLUS Rounded 1c", sans-serif;
}

#coming-soon{
    max-width: 400px;
    width: 30%;
    display: block;
    position: absolute;
    top: -13%;
    right:25%;
    transform: translate(100%, 0%);
}
@media (width <=768px) {
#inner{padding: 2rem 0;}    
#coming-soon{
    width: 50%;
    top: -18%;
    right: 45%;
}    
}
@media (width <=768px) {
#coming-soon{
    width: 55%;
    top: -14%;}    
}