/* BASIC css start */
  @keyframes fast-seesaw-pause {
  /* 0초 ~ 3초 구간: 빠르게 흔들림 (0% ~ 약 23%) */
  0% { transform: rotate(0deg); }
  1% { transform: rotate(-5deg); }
  3% { transform: rotate(5deg); }
  5% { transform: rotate(-5deg); }
  7% { transform: rotate(5deg); }
  9% { transform: rotate(-5deg); }
  11% { transform: rotate(0deg); }
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
  /* 3초 ~ 13초 구간: 정지 (23% ~ 100%) */
  100% { transform: rotate(0deg); }
}
.timer-wrapper {
        position: relative; 
        display: inline-block; /* 이미지 크기에 딱 맞게 */
    }

        .container {
            

	position:relative;
	width: 100%;           /* 기본적으로 화면 너비의 90% 차지 */
    max-width: 420px;     /* 하지만 아무리 커져도 420px까지만 */
	height:100%;
    margin: 0 auto;     /* 중앙 정렬 필요 시 */
        }

        h1 {
            margin-bottom: 30px;
            color: #ff4757;
            font-size: 2em;
        }

        /* 타이머 전체를 감싸는 박스 */
        .timer-wrapper {
	margin-top:396px;
            display: flex; /* 가로로 나열 */
            justify-content: center;
            gap: 1px; /* 박스 사이 간격 */

        }

       
        .time-box {
            display: flex;
            flex-direction: column;
            align-items: center;

            padding: 15px 10px;
            
        }
        
.shake-wrapper {
  position: absolute;
  top: 5%;           /* 상단에서 10% */
  left: 50%;          /* 가로 중앙 시작 */
  transform: translateX(-50%); /* 가로 중앙 완성 */
}
.shake-box{
  animation: fast-seesaw-pause 5s ease-in-out infinite;
  transform-origin: center; /* 중심을 기준으로 회전 */
}
	.time-box1{
position: absolute;
left:20.9%;
bottom:16%
	}
	.time-box2{
position: absolute;
left:42.5%;bottom:16%
	}

	.time-box3{
position: absolute;
left:64.3%; bottom:16%
	}


        .number {
            font-size: 2.2em; 
            font-weight: bold;
            color: black;
            line-height: 1;
	letter-spacing:50px;
        }

        /* 단위(시간, 분, 초) 텍스트 디자인 */
        .unit {
            font-size: 0.8em;
            color: #aaa;
            margin-top: 5px;
        }
/* BASIC css end */