.wrap {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
justify-content: center;
수직 정렬
align-item: center;
수평 정렬
min-height: 100 vh;
vw : viewport width
vh : viewport height
현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환
100vh가 전체화면의 기준이 됨
현재 스크린 사이즈 width height가 1000px / 800px일 경우
1vw = 10px / 1vh =8px