<style>
#first-page {
  perspective: 1200px;
}

.splash-wrapper{
  width:100%;
  min-height:100vh;
  display:flex;
  flex-direction:column;     /* 세로 정렬 */
  align-items:center;        /* 가로 중앙 */
  justify-content:flex-start;
  padding-top:5vh;          /* 코인을 위로 올림 */
  text-align:center;
}
/* 코인 아래 100px 간격 */
.welcome-text{
  margin-top:40px;
}
.welcome-title{
  font-size:26px;
  font-weight:400;   /* 기본은 보통 */
  margin-bottom:10px;
}

.welcome-title .brand{
  font-weight:700;   /* Windsor Wallet만 굵게 */
}
/* 버튼 간격 */
.wallet-enter-btn{
  margin-top:30px;
  width:200px;
}
/* 코인 */
.coin{
  width:350px;
  height:350px;
  position:relative;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  animation:spin 6s linear infinite;
}

/* 앞뒤 공통 */
.face{
  position:absolute;
  width:100%;
  height:100%;
  border-radius:50%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* 앞면 */
.front{
  background-image:url('../images/windsor.png');
  transform:translateZ(1px);
}

/* 뒷면 */
.back{
  background-image:url('../images/wsc.png');
  transform:rotateY(180deg) translateZ(1px);
}

/* 회전 */
@keyframes spin{
  from{ transform:rotateY(0deg); }
  to{ transform:rotateY(360deg); }
}
</style>