@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root{
    --color-primary:#ffffff;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgba(0,0,0,1);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(192,5,5,1);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(192,5,5,1);
}

*
{}

/* Main Setting
***********************/
html, body
{ font-size:12px; background:#fff;}

#wrapper
{ background: linear-gradient(141deg, rgba(19,34,50,1) 0%, rgba(46,53,101,1) 100%); width:100%; min-width:320px; height: 100vh;}

/* Common Setting
***********************/
::-webkit-input-placeholder
{ /* Chrome/Opera/Safari */ color:#ffd8a1;}
::-moz-placeholder
{ /* Firefox 19+ */ color:#ffd8a1;}
:-ms-input-placeholder
{ /* IE 10+ */ color:#ffd8a1;}
:-moz-placeholder
{ /* Firefox 18- */ color:#ffd8a1;}

.comingSoon
{ position:relative; transform-origin: center; top:50%; transform: translateY(-50%); width:90%; margin:0px auto; text-align: center;}
.comingSoon img
{ width:100%; max-width:300px; margin-bottom:20px;}
.comingSoon h1
{ color:var(--color-primary); font-size:48px; line-height: 1.15; font-weight: bold; font-family: 'Bebas Neue', cursive;}