*, html, body { /* 문서 전체에 스냅 포인트를 설정한다 */
                margin: 0 auto; padding: 0;
                scroll-snap-type: y mandatory;
            }
        
            div { /* 전체 화면을 차지하는 각각의 컨텐츠 섹션들 */
                position: relative;
                height: 100vh; width: 100vw; /* 스크롤 맞춤 대상요소들을 뷰포트 전체 크기로 만들고, */
                scroll-snap-align: start; /* 뷰포트 상단을 스냅 지점으로 설정한다 */
                text-align: center;
            }
        
            h1 { /* 정중앙 섹션 제목 */
                position: absolute; top: 50%;
                width: 100%;
                text-align: center;
                transform: translateY(-50%); /* 밑에서부터 정중앙에 놓기 위하여 */
            }