/*모든 태그의 기본 여백 0*/
* {
    margin: 0;
    padding: 0;
}

h1 span {
    font-size: 3em;
    color: darkgoldenrod;
}

.main-container {
    background-color: antiquewhite;
    min-height: 100vh;       /* 화면 높이를 100% 꽉 채우기 */

    /*정렬*/
    display: flex;           /* 유연한 박스로 변경 */
    flex-direction: column;  /* 내용물을 위아래(세로)로 세우기 */
    justify-content: center; /* 세로 기준 가운데 정렬 */
    align-items: center;     /* 가로 기준 가운데 정렬 */
}

/* 환영 메시지 스타일 추가 */
.welcome-msg {
    font-size: 1.5em;
    color: #555;
    margin-top: 10px;
    margin-bottom: -10px; /* 버튼 그룹과의 간격 조절 */
    font-weight: bold;
}

.link-wrapper {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;       /* 화면이 좁아지면 자동으로 줄바꿈 되도록 */
    justify-content: center;
}

.link-wrapper a {
    display: inline-block;
    /* 버튼 3개가 가로로 너무 넓다면 크기를 조금 줄이는 것을 추천합니다 */
    width: 250px;          /* 300px에서 250px로 소폭 수정 */
    height: 400px;         /* 500px에서 400px로 소폭 수정 */

    text-align: center;
    line-height: 400px;    /* height와 맞춰서 글자를 수직 중앙으로 */

    background-color: darkgoldenrod;
    text-decoration: none;
    color: white;
    border-radius: 10px;
    font-weight: bold;
    font-size: 35px;       /* 버튼이 작아졌으니 폰트도 조금 조절 */

    border: 4px solid transparent;
    transition: 0.45s;
}

.link-wrapper a:hover {
    background-color: azure;
    color: darkgoldenrod;
    border-color: darkgoldenrod;
}